.elementor-105 .elementor-element.elementor-element-b86d09f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-6b620da *//* ============================================================
   ZERLON SEMI — CAREERS JOB LISTING (fresh, elegant, premium)
   For HireZoot / WP Job Openings v4  [awsmjobs]
   Add site-wide: Elementor → Site Settings → Custom CSS
   (or Additional CSS / Code Snippets CSS). Uses !important to
   override the plugin's default styles.
   ============================================================ */

:root{
  --zt:#3E9E93;--ztd:#357f76;--zt2:#4AB0A5;--zmint:#84CFC8;--zms:#D9EFEC;
  --zink:#0E1A18;--zink2:#3A4B48;--zmut:#6A7A76;--zmut2:#9AA8A4;
  --zbg:#F4F7F6;--zsurf:#FFFFFF;--zline:#E1EAE7;--zline2:#D2DEDA;
  --zgold:#C9B47E;
  --zdisp:'Space Grotesk',sans-serif;--zbody:'Inter',sans-serif;
  --zease:cubic-bezier(.19,1,.22,1);
}

/* ===== Outer container: remove the dashed box, clean canvas ===== */
.awsm-job-listings,.awsm-jobs-wrapper,.awsm-jobs-container,
.wp-block-awsm-job-openings,.awsm-lists{
  max-width:1160px !important;margin:0 auto !important;padding:0 !important;
  background:none !important;border:none !important;font-family:var(--zbody) !important;
}

/* ===== SEARCH + FILTER BAR — elegant pill row ===== */
.awsm-job-search-wrapper,.awsm-filters,.awsm-jobs-filter-wrapper,
.awsm-search-wrap,.awsm-jobs-search-form{
  display:flex !important;flex-wrap:wrap !important;gap:14px !important;
  margin:0 0 34px 0 !important;padding:0 !important;width:100% !important;
  background:none !important;border:none !important;align-items:center !important;
}
/* search input */
.awsm-job-search,.awsm-search-input,
.awsm-jobs-search-form input[type=text],input.awsm-job-search-field{
  flex:1 1 320px !important;min-width:220px !important;max-width:none !important;
  background:var(--zsurf) !important;
  border:1px solid var(--zline) !important;border-radius:14px !important;
  padding:15px 20px 15px 46px !important;
  font-family:var(--zbody) !important;font-size:15px !important;color:var(--zink) !important;
  box-shadow:0 2px 8px rgba(14,26,24,.04) !important;
  transition:border-color .25s,box-shadow .25s !important;height:auto !important;
}
.awsm-job-search:focus,.awsm-search-input:focus{
  outline:none !important;border-color:var(--zt) !important;
  box-shadow:0 0 0 4px rgba(62,158,147,.1) !important;
}
.awsm-job-search::placeholder{color:var(--zmut2) !important}
/* search icon positioning */
.awsm-job-search-wrapper,.awsm-search-wrap{position:relative !important}
.awsm-job-search-icon,.awsm-search-icon{
  color:var(--zt) !important;left:16px !important;right:auto !important;
  position:absolute !important;pointer-events:none !important;
}
/* filter dropdowns */
.awsm-filter-item,.awsm-jobs-filter,.awsm-selectric-wrapper{
  flex:0 0 auto !important;min-width:180px !important;
}
.awsm-filter-item select,.awsm-jobs-filter select,
.awsm-selectric,.awsm-selectric .label{
  background:var(--zsurf) !important;border:1px solid var(--zline) !important;
  border-radius:14px !important;padding:15px 18px !important;
  font-family:var(--zbody) !important;font-size:14.5px !important;color:var(--zink2) !important;
  box-shadow:0 2px 8px rgba(14,26,24,.04) !important;height:auto !important;
  transition:border-color .25s !important;
}
.awsm-selectric{padding:0 !important}
.awsm-selectric .label{border:none !important;box-shadow:none !important;margin:0 !important;height:auto !important;line-height:1.4 !important}
.awsm-selectric .button{color:var(--zt) !important;background:none !important}
.awsm-filter-item select:focus,.awsm-selectric-open .awsm-selectric{border-color:var(--zt) !important}
.awsm-selectric-items{border:1px solid var(--zline) !important;border-radius:12px !important;box-shadow:0 12px 30px -12px rgba(14,26,24,.2) !important;overflow:hidden !important;margin-top:6px !important}
.awsm-selectric-items li{padding:11px 16px !important;font-size:14px !important;color:var(--zink2) !important;transition:.15s !important}
.awsm-selectric-items li:hover,.awsm-selectric-items li.highlighted{background:var(--zms) !important;color:var(--ztd) !important}

/* ===== JOB CARDS GRID — even, elegant ===== */
.awsm-grid-list,.awsm-jobs-list,.awsm-lists,.awsm-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;list-style:none !important;margin:0 !important;padding:0 !important;
  width:100% !important;float:none !important;
}
/* reset the plugin's nested column wrappers that were forcing narrow width */
.awsm-grid-list > *,.awsm-jobs-list > *,.awsm-lists > *,
.awsm-col,.awsm-grid-col,.awsm-list-item-wrap{
  width:auto !important;max-width:none !important;min-width:0 !important;
  float:none !important;margin:0 !important;padding:0 !important;flex:none !important;
}
@media(max-width:1024px){.awsm-grid-list,.awsm-jobs-list,.awsm-lists,.awsm-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}

/* individual card — clean, lifted, consistent height */
.awsm-list-item,.awsm-job-item,.awsm-grid-item{
  position:relative !important;
  background:var(--zsurf) !important;
  border:1px solid var(--zline) !important;
  border-radius:20px !important;
  padding:30px 30px 28px !important;
  margin:0 !important;list-style:none !important;
  display:flex !important;flex-direction:column !important;height:100% !important;
  width:100% !important;min-width:0 !important;max-width:none !important;box-sizing:border-box !important;
  box-shadow:0 2px 10px rgba(14,26,24,.05) !important;
  transition:transform .4s var(--zease),box-shadow .4s,border-color .4s !important;
  overflow:hidden !important;
}
.awsm-list-item::before,.awsm-job-item::before{display:none !important}
/* top accent line on hover */
.awsm-list-item::after,.awsm-job-item::after{
  content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;
  height:3px !important;background:linear-gradient(90deg,var(--zt),var(--zmint)) !important;
  transform:scaleX(0) !important;transform-origin:left !important;
  transition:transform .4s var(--zease) !important;
}
.awsm-list-item:hover,.awsm-job-item:hover,.awsm-grid-item:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 4px 14px rgba(14,26,24,.06),0 22px 48px -18px rgba(14,26,24,.18) !important;
  border-color:var(--zmint) !important;
}
.awsm-list-item:hover::after,.awsm-job-item:hover::after{transform:scaleX(1) !important}

/* job title */
.awsm-job-post-title,.awsm-list-item h2,.awsm-job-item h2,
.awsm-job-item h3,.awsm-grid-item h2{
  font-family:var(--zdisp) !important;font-size:21px !important;font-weight:600 !important;
  letter-spacing:-.01em !important;color:var(--zink) !important;
  margin:0 0 16px !important;line-height:1.3 !important;
  word-break:normal !important;overflow-wrap:break-word !important;white-space:normal !important;
  writing-mode:horizontal-tb !important;
}
.awsm-job-post-title a,.awsm-list-item h2 a{color:var(--zink) !important;text-decoration:none !important;transition:color .25s !important}
.awsm-list-item:hover .awsm-job-post-title a,.awsm-list-item:hover h2 a{color:var(--zt) !important}

/* spec chips (location, type, etc.) */
.awsm-job-specification-wrapper,.awsm-job-specs{
  display:flex !important;flex-wrap:wrap !important;gap:9px !important;
  margin:0 0 20px !important;padding:0 !important;list-style:none !important;
}
.awsm-job-specification-term,.awsm-spec-item,
.awsm-job-specification-wrapper span,.awsm-job-specification-wrapper a{
  display:inline-flex !important;align-items:center !important;gap:6px !important;
  background:var(--zms) !important;color:var(--ztd) !important;
  font-family:var(--zbody) !important;font-size:12.5px !important;font-weight:500 !important;
  padding:7px 14px !important;border-radius:100px !important;border:none !important;
  text-transform:capitalize !important;text-decoration:none !important;list-style:none !important;
  letter-spacing:.01em !important;
}
.awsm-job-specification-term::before{display:none !important}
.awsm-spec-icon svg,.awsm-job-specification-icon svg{width:13px !important;height:13px !important;color:var(--zt) !important}

/* excerpt text */
.awsm-job-entry-content,.awsm-list-item .awsm-job-content,.awsm-job-excerpt{
  font-size:14px !important;color:var(--zmut) !important;line-height:1.65 !important;
  margin:0 0 22px !important;flex:1 !important;
}

/* ===== "More Details" button — refined ===== */
.awsm-more-info,.awsm-job-more,.awsm-job-more-listings,
a.awsm-job-more-info,.awsm-list-item .awsm-btn,
.awsm-grid-item a.awsm-job-item-btn{
  display:inline-flex !important;align-items:center !important;gap:8px !important;
  background:var(--zt) !important;color:#fff !important;
  font-family:var(--zbody) !important;font-weight:600 !important;font-size:14px !important;
  padding:12px 22px !important;border-radius:11px !important;
  text-decoration:none !important;border:none !important;
  width:fit-content !important;margin-top:auto !important;
  box-shadow:0 8px 18px -8px rgba(62,158,147,.5) !important;
  transition:transform .3s var(--zease),background .25s,box-shadow .3s !important;
}
.awsm-more-info::after,a.awsm-job-more-info::after{content:"\2192" !important;transition:transform .3s var(--zease) !important;font-size:15px !important}
.awsm-more-info:hover,.awsm-job-more:hover,a.awsm-job-more-info:hover{
  background:var(--zt2) !important;transform:translateY(-2px) !important;color:#fff !important;
  box-shadow:0 12px 24px -8px rgba(62,158,147,.6) !important;
}
.awsm-more-info:hover::after,a.awsm-job-more-info:hover::after{transform:translateX(4px) !important}

/* ===== Pagination / Load more ===== */
.awsm-jobs-pagination,.awsm-pagination,.awsm-load-more-wrapper{
  margin-top:40px !important;display:flex !important;gap:9px !important;
  justify-content:center !important;flex-wrap:wrap !important;
}
.awsm-jobs-pagination a,.awsm-jobs-pagination .page-numbers,.awsm-load-more{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  min-width:46px !important;height:46px !important;padding:0 20px !important;
  border:1px solid var(--zline2) !important;border-radius:12px !important;
  font-family:var(--zbody) !important;font-size:14px !important;font-weight:600 !important;
  color:var(--zink2) !important;background:var(--zsurf) !important;
  text-decoration:none !important;cursor:pointer !important;transition:.2s !important;
}
.awsm-jobs-pagination a:hover,.awsm-load-more:hover{
  border-color:var(--zt) !important;color:var(--zt) !important;background:var(--zms) !important;
}
.awsm-jobs-pagination .current,.awsm-jobs-pagination span.page-numbers.current{
  background:var(--zt) !important;color:#fff !important;border-color:var(--zt) !important;
}

/* ===== "No jobs" message ===== */
.awsm-no-jobs-listings,.awsm-default-msg,.awsm-no-job-found{
  grid-column:1/-1 !important;text-align:center !important;
  padding:60px 24px !important;color:var(--zmut) !important;font-size:16px !important;
  background:var(--zsurf) !important;border:1px dashed var(--zline2) !important;border-radius:20px !important;
}

/* ===== Responsive ===== */
@media(max-width:768px){
  .awsm-grid-list,.awsm-jobs-list,.awsm-lists{grid-template-columns:1fr !important;gap:18px !important}
  .awsm-job-search-wrapper,.awsm-filters,.awsm-jobs-search-form{flex-direction:column !important;align-items:stretch !important}
  .awsm-filter-item,.awsm-jobs-filter,.awsm-selectric-wrapper{min-width:0 !important;width:100% !important}
  .awsm-list-item,.awsm-job-item{padding:26px 24px !important}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b86d09f *//* ============================================================
   ZERLON SEMI — HireZoot (WP Job Openings v4) LISTING styling
   Works with BOTH the v4 block markup AND the classic [awsmjobs] shortcode.
   Add site-wide (Code Snippets CSS snippet or Appearance → Customize →
   Additional CSS). Uses !important to override the plugin's own CSS.
   ============================================================ */
:root{
  --zsj-teal:#3E9E93;--zsj-teal-d:#357f76;--zsj-teal-2:#4AB0A5;--zsj-mint:#84CFC8;--zsj-mint-soft:#D9EFEC;
  --zsj-ink:#0E1A18;--zsj-ink-2:#3A4B48;--zsj-muted:#6A7A76;--zsj-muted-2:#9AA8A4;
  --zsj-bg:#F4F7F6;--zsj-surface:#FFFFFF;--zsj-line:#E1EAE7;--zsj-line-2:#D2DEDA;
  --zsj-disp:'Space Grotesk',sans-serif;--zsj-body:'Inter',sans-serif;
  --zsj-ease:cubic-bezier(.19,1,.22,1);
}

/* ===== Container (block + shortcode) ===== */
.awsm-job-listings,.awsm-jobs-wrapper,.wpjo-block,.wp-block-awsm-job-openings,
.awsm-jobs-container,.awsm-lists{font-family:var(--zsj-body)!important;max-width:1140px!important;margin:0 auto!important}

/* ===== Search + filter bar (fix the cramped search box) ===== */
.awsm-job-search-wrapper,.awsm-filters,.awsm-jobs-filter-wrapper,.awsm-search-wrap,.wpjo-search,.awsm-jobs-search-form{
  margin:0 0 26px 0!important;width:100%!important;max-width:none!important;display:block!important
}
.awsm-job-search,.awsm-search-input,.wpjo-search input,
.awsm-jobs-search-form input[type=text],input.awsm-job-search-field{
  width:100%!important;max-width:none!important;
  background:var(--zsj-surface)!important;border:1px solid var(--zsj-line-2)!important;border-radius:12px!important;
  padding:14px 18px!important;font-family:var(--zsj-body)!important;font-size:15px!important;color:var(--zsj-ink)!important;
  transition:border-color .2s!important;box-shadow:none!important
}
.awsm-job-search:focus,.awsm-search-input:focus{outline:none!important;border-color:var(--zsj-teal)!important}
.awsm-job-search-icon,.awsm-search-icon,.awsm-job-search-icon-wrapper{color:var(--zsj-teal)!important}

/* filter dropdowns / chips */
.awsm-filter-item select,.awsm-jobs-filter select,.wpjo-filter select{
  background:var(--zsj-surface)!important;border:1px solid var(--zsj-line-2)!important;border-radius:11px!important;
  padding:12px 16px!important;font-family:var(--zsj-body)!important;font-size:14.5px!important;color:var(--zsj-ink)!important
}

/* ===== JOB CARDS (grid / list / stack) ===== */
.awsm-grid-list,.awsm-jobs-list,.awsm-lists,.wpjo-jobs-grid{
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important;
  list-style:none!important;margin:0!important;padding:0!important
}
.awsm-list-item,.awsm-job-item,.wpjo-job-card,.awsm-grid-item{
  background:var(--zsj-surface)!important;
  border:1px solid var(--zsj-line)!important;
  border-radius:18px!important;
  padding:26px 26px!important;
  margin:0!important;
  list-style:none!important;
  transition:transform .3s var(--zsj-ease),box-shadow .3s,border-color .3s!important;
  box-shadow:0 2px 8px rgba(14,26,24,.05)!important;
  height:100%!important;display:flex!important;flex-direction:column!important
}
.awsm-list-item::before,.awsm-job-item::before{display:none!important}
.awsm-list-item:hover,.awsm-job-item:hover,.wpjo-job-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 4px 12px rgba(14,26,24,.06),0 18px 40px -16px rgba(14,26,24,.14)!important;
  border-color:var(--zsj-mint)!important
}

/* Job title */
.awsm-job-post-title,.awsm-list-item h2,.awsm-job-item h2,.awsm-job-item h3,.wpjo-job-title,.awsm-grid-item h2{
  font-family:var(--zsj-disp)!important;font-size:19px!important;font-weight:600!important;
  letter-spacing:-.01em!important;color:var(--zsj-ink)!important;margin:0 0 12px!important;line-height:1.3!important
}
.awsm-job-post-title a,.awsm-list-item h2 a,.wpjo-job-title a{color:var(--zsj-ink)!important;text-decoration:none!important;transition:color .2s!important}
.awsm-list-item:hover .awsm-job-post-title a,.wpjo-job-card:hover .wpjo-job-title a{color:var(--zsj-teal)!important}

/* Spec chips (department, type, location) */
.awsm-job-specification-wrapper,.awsm-job-specs,.wpjo-job-specs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 14px!important}
.awsm-job-specification-term,.awsm-spec-item,.wpjo-spec,.awsm-job-specification-wrapper span{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  background:var(--zsj-mint-soft)!important;color:var(--zsj-teal-d)!important;
  font-size:12.5px!important;font-weight:500!important;padding:6px 13px!important;
  border-radius:100px!important;border:none!important
}
.awsm-job-specification-term a{color:var(--zsj-teal-d)!important;text-decoration:none!important}
.awsm-spec-icon svg,.awsm-job-specification-icon svg{color:var(--zsj-teal)!important;width:14px!important;height:14px!important}

/* Excerpt */
.awsm-job-entry-content,.awsm-list-item .awsm-job-content,.wpjo-job-excerpt{
  font-size:14px!important;color:var(--zsj-muted)!important;line-height:1.65!important;margin:0 0 14px!important;flex:1!important
}

/* "More Details" / "Apply" button */
.awsm-more-info,.awsm-job-more,.awsm-job-more-listings,a.awsm-job-more-info,.wpjo-more-btn,
.awsm-list-item .awsm-btn,.awsm-grid-item a.awsm-job-item-btn{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  background:var(--zsj-teal)!important;color:#fff!important;
  font-family:var(--zsj-body)!important;font-weight:600!important;font-size:13.5px!important;
  padding:11px 20px!important;border-radius:10px!important;text-decoration:none!important;
  transition:transform .3s var(--zsj-ease),background .25s!important;border:none!important;
  width:fit-content!important;margin-top:auto!important
}
.awsm-more-info:hover,.awsm-job-more:hover,a.awsm-job-more-info:hover,.wpjo-more-btn:hover{
  background:var(--zsj-teal-2)!important;transform:translateY(-2px)!important;color:#fff!important
}

/* Pagination / Load more */
.awsm-jobs-pagination,.awsm-pagination,.wpjo-pagination{margin-top:32px!important;display:flex!important;gap:8px!important;justify-content:center!important;flex-wrap:wrap!important}
.awsm-jobs-pagination a,.awsm-jobs-pagination .page-numbers,.awsm-load-more,.wpjo-load-more{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:44px!important;height:44px!important;padding:0 18px!important;
  border:1px solid var(--zsj-line-2)!important;border-radius:11px!important;
  font-size:14px!important;font-weight:600!important;color:var(--zsj-ink-2)!important;
  background:var(--zsj-surface)!important;text-decoration:none!important;transition:.2s!important;cursor:pointer!important
}
.awsm-jobs-pagination a:hover,.awsm-load-more:hover,.wpjo-load-more:hover{border-color:var(--zsj-teal)!important;color:var(--zsj-teal)!important;background:var(--zsj-mint-soft)!important}
.awsm-jobs-pagination .current{background:var(--zsj-teal)!important;color:#fff!important;border-color:var(--zsj-teal)!important}

/* "No jobs" message */
.awsm-no-jobs-listings,.awsm-default-msg,.wpjo-no-jobs{text-align:center!important;padding:50px 20px!important;color:var(--zsj-muted)!important;font-size:16px!important}

/* Responsive */
@media(max-width:900px){
  .awsm-grid-list,.awsm-jobs-list,.awsm-lists,.wpjo-jobs-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:600px){
  .awsm-grid-list,.awsm-jobs-list,.awsm-lists,.wpjo-jobs-grid{grid-template-columns:1fr!important}
  .awsm-list-item,.awsm-job-item,.wpjo-job-card{padding:22px!important}
}/* End custom CSS */