/**********GLOBAL                              
***********************************/                              
                              
                              
body {                              
  font-family: proxima-nova, 'Helvetica Neue', Arial, sans-serif;                              
  color: #222222;                              
}                              
                              
.translator-tool-header {                              
  clear: both;                              
}                              
                              
a,                              
#featured-job-listing ul li a h3,                              
#featured-job-listing ul li a .h3,                              
#job-listing .listings .job-summary h3,                              
#job-listing .listings .job-summary .h3 {                              
  color: #002868;                              
  transition: all 0.3s ease;                              
  font-weight: 700;                              
}                              
                              
a:hover,                              
#featured-job-listing ul li a h3:hover,                              
#featured-job-listing ul li a .h3:hover {                              
  color: #E0684B;                              
}                              
                              
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {                              
  font-weight: 500;                              
}                              
                              
h2 {                              
  color: #00345B;                              
  font-size: 2em;                              
}                              
                              
.site {                              
  max-width: 1200px;                              
  background: transparent;                              
}                              
                              
#featured-stats.super .interior {                              
  max-width: 1200px;                              
  margin: auto;                              
}                              
                              
#featured-stats h2 {                              
  text-align: center;                              
}                              
                              
.category-header {                              
  max-width: 1200px;                              
  margin: auto;                              
  background: transparent;                              
}                              
                              
.category-header h2 {                              
  color: #00345B;                              
  font-weight: 600;                              
  font-family: minion-pro, Georgia, serif;                              
  font-size: 2.5em;                              
}                              
                              
#browse-by .interior ul.browse-tabs li:hover::after {                              
  background: #007A87;                              
}                              
                              
#browse-by .category-header {                              
  text-align: center;                              
}                              
                              
#featured-stats.super {                              
  background: transparent;                              
}                              
                              
#featured-stats .stats-container .stats-block h3 {                              
  display: block;                              
}                              
/**********GLOBAL END                              
***********************************/                              
                              
                              
/**********BUTTONS                              
***********************************/                              
.secondary {                              
  font-size: 1.05em;                              
  background-color: #ED1C24;                              
  color: #fff;                              
  display: inline-block;                              
  text-decoration: none;                              
  border: none;                              
  padding: 7px 25px;                              
  cursor: pointer;                              
  text-align: center;                              
  border-radius: 0;                              
  /* text-transform: uppercase; */                              
}                              
                              
.secondary:hover {                              
  background-color: #F03E45;                              
  color: #fff;                              
}                              
                              
.tertiary {                              
  font-size: 1.1em;                              
  background-color: #ED1C24;                              
  color: #fff;                              
  display: inline-block;                              
  text-decoration: none;                              
  border: none;                              
  cursor: pointer;                              
  text-align: center;                              
  border-radius: 0;                              
}                              
                              
.tertiary:hover {                              
  background-color: #F03E45;                              
  color: #fff;                              
}                              
                              
.call-to-action .secondary {                              
  padding: 7px 25px;                              
}                              
                              
.btn-post-job,                              
.primary {                              
  background-color: #ED1C24;                              
}                              
                              
.btn-post-job:hover,                              
.primary:hover {                              
  background-color: #F03E45;                              
  color: #fff;                              
}                              
/**********BUTTONS END                              
***********************************/                              
                              
                              
/**********HEADER                              
***********************************/                              
#header {                              
  /* min-height: 100px; */                              
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .2);                              
  position: relative;                              
  /* background: #117695; */                              
}                              
                              
.header-content {                              
  display: flex;                              
  justify-content: space-between;                              
  align-items: center;                              
  column-gap: 1em;                              
}                              
                              
.header-content #logo {                              
  max-width: 170px;                              
  padding: 10px 15px;                              
}                              
                              
.header-content #logo img {                              
  max-height: 100%;                              
}                              
                              
.header-content .call-to-action {                              
  margin-top: 0px;                              
  /* position: absolute; */                              
  /* right: 0; */                              
  /* top: 50%; */                              
  /* transform: translateY(-50%); */                              
  float: none;                              
  width: 160px;                              
  padding: 7px;                              
}                              
                              
.header-content .call-to-action:hover {                              
  /* background: #fff; */                              
  /* color: #037A97; */                              
}                              
/**********HEADER END                              
***********************************/                              
                              
                              
/**********JAQC SEARCH                              
***********************************/                              
#home-page #job-alert-search-form.expanded-img {                              
  background: #222222;                              
  width: 100%;                              
  max-width: 100%;                              
  padding-left: 0;                              
  padding-right: 0;                              
  margin-left: 0;                              
  margin-right: 0;                              
  box-sizing: border-box;                              
}                              
                              
#home-page #job-alert-search-form fieldset .form-button button.primary {                              
  color: #fff;                              
  background: #ED1C24;                              
  border: 1px solid #E0684B;                              
  padding: 7px 10px 7px;                              
  border-radius: 0;                              
}                              
                              
#home-page #job-alert-search-form fieldset .form-button button.primary:hover {                              
  /* background: rgba(255, 255, 255, .2); */                              
  /* background: #fff; */                              
  /* color: #007A87; */                              
  /* border-color: #fff; */                              
  opacity: 0.8;                              
}                              
                              
#home-page #job-search-form form fieldset,                              
#home-page #job-search-form form .location_autocomplete {                              
  width: 40%;                              
}                              
                              
#home-page #job-search-form form fieldset.call-to-action {                              
  width: 20%;                              
}                              
                              
#hero #job-search-form form {                              
  background: #222222;                              
}                              
/**********JAQC SEARCH END                              
***********************************/                              
                              
                              
/**********HERO IMAGE                              
***********************************/                              
.hero-expanded {                              
  position: absolute;                              
  height: 450px;                              
  width: 100%;                              
                                
  /* UPDATE: replace hero-24840.jpg with this client's uploaded hero image filename */                              
  background: url("img/hero-24840.jpg") no-repeat center top / cover;                              
}                              
                              
#hero {                              
  background: transparent;                              
  height: 572px;                              
}                              
                              
#hero #job-search-form form fieldset .primary {                              
  padding: 8px;                              
  width: 100%;                              
  background: transparent;                              
  border: 1px solid #fff;                              
}                              
                              
#hero #job-search-form form fieldset .primary:hover {                              
  background: #fff;                              
  border: 1px solid #fff;                              
  color: #000;                              
}                              
                              
#hero .site-name-tag {                              
  text-align: left;                              
  top: 30px;                              
  left: 10px;                              
}                              
                              
#hero .site-name-tag h1 {                              
  color: #fff;                              
  font-size: 4.2em;                              
  text-shadow: 0 1px 7px rgba(0,0,0,.8);                              
  font-family: proxima-nova, 'Helvetica Neue', Arial, sans-serif;                              
  line-height: 115%;                              
}                      
#hero .site-name-tag em {                   
  color: #fff;                   
  font-size: 1.9em;                   
  font-style: normal;                   
}                           
                              
#hero .site-name-tag span {                              
  color: #fff;                              
  text-shadow: 0 1px 7px rgba(0,0,0,.8);                              
  display: block;                              
  font-size: 32px;                              
  line-height: 115%;                              
  font-family: proxima-nova, 'Helvetica Neue', Arial, sans-serif;                              
}                              
/**********HERO IMAGE END                              
***********************************/                              
                              
                              
/**********NAV                              
***********************************/                              
header#header .header-content nav#menu {                              
  display: flex;                              
  flex-direction: row;                              
  width: 100%;                              
  position: relative;                              
  float: none;                              
  justify-content: end;                              
}                              
                              
header#header .header-content nav#menu > #nav-trigger {                              
  font-size: 16px;                              
  line-height: 24px;                              
  font-weight: 700;                              
  display: none;                              
  flex-direction: row;                              
  justify-content: center;                              
  align-items: center;                              
  gap: 8px;                              
  position: absolute;                              
  top: 0;                              
  right: 0;                              
  height: 40px;                              
  padding: 0;                              
  float: none;                              
  background: #222222;                              
  color: #fff;                              
  text-transform: uppercase;                              
  text-decoration: none;                              
  outline: 0;                              
  border-left: 1px solid #fff;                              
  width: 50%;                              
}                              
                              
header#header .header-content nav#menu > #nav-trigger::before {                              
  content: "Menu";                              
  display: inline-block;                              
  padding-right: 2px;                              
}                              
                              
header#header .header-content nav#menu > #nav-trigger:active,                              
header#header .header-content nav#menu > #nav-trigger:focus,                              
header#header .header-content nav#menu > #nav-trigger:hover,                              
header#header .header-content nav#menu > #nav-trigger:visited {                              
  color: #fff;                              
  background: #222222;                              
}                              
                              
header#header .header-content nav#menu > #nav-trigger > i {                              
  font-size: 16px;                              
  line-height: 24px;                              
  margin: 0;                              
}                              
                              
header#header .header-content nav#menu > ul {                              
  display: flex;                              
  flex-direction: row;                              
  list-style-type: none;                              
  gap: 0;                              
  width: auto;                              
  height: auto;                              
  padding: 0;                              
  margin: 0;                              
  background: 0 0;                              
  border: none;                              
}                              
                              
header#header .header-content nav#menu > ul > li {                              
  transition: none;                              
  display: block;                              
  width: auto;                              
  height: auto;                              
  padding: 0;                              
  margin: 0;                              
  border: none;                              
  background: 0 0;                              
}                              
                              
header#header .header-content nav#menu > ul > li.has-sub-navigation > a {                              
  justify-content: space-between;                              
}                              
                              
header#header .header-content nav#menu > ul > li.has-sub-navigation > a::after {                              
  content: "";                              
  display: block;                              
  width: 0;                              
  height: 0;                              
  margin: 0;                              
  padding: 0;                              
  border-top: 4px solid #000;                              
  border-left: 4px solid transparent;                              
  border-right: 4px solid transparent;                              
  position: relative;                              
}                              
                              
header#header .header-content nav#menu > ul > li > a {                              
  font-size: 16px;                              
  line-height: 24px;                              
  font-weight: 400;                              
  font-family: Inter, sans-serif;                              
  display: flex;                              
  flex-direction: row;                              
  justify-content: center;                              
  align-items: center;                              
  gap: 8px;                              
  height: 100px;                              
  margin: 0;                              
  padding: 0 8px;                              
  white-space: nowrap;                              
  transition: none;                              
  text-decoration: none;                              
  text-transform: capitalize;                              
  outline: 0;                              
  color: #000;                              
  background: 0 0;                              
}                              
                              
header#header .header-content nav#menu > ul > li > a:hover {                              
  background: 0 0;                              
  color: #222222;                              
}                              
                              
header#header .header-content nav#menu > ul ul {                              
  display: none;                              
  top: 100%;                              
  background: color-mix(in srgb, #222222, #fff 96%);                              
  box-shadow: 0 6px 8px rgba(0,0,0,.1);                              
  min-width: 250px;                              
  left: unset;                              
  right: 0;                              
}                              
                              
header#header .header-content nav#menu > ul ul > li {                              
  transition: none;                              
  padding: 0;                              
  border: none;                              
  width: 100%;                              
  background: 0 0;                              
}                              
                              
header#header .header-content nav#menu > ul ul > li.has-sub-navigation > a {                              
  justify-content: space-between;                              
}                              
                              
header#header .header-content nav#menu > ul ul > li.has-sub-navigation > a::after {                              
  content: "";                              
  display: block;                              
  width: 0;                              
  height: 0;                              
  margin: 0;                              
  padding: 0;                              
  border-top: 4px solid #000;                              
  border-left: 4px solid transparent;                              
  border-right: 4px solid transparent;                              
  position: relative;                              
}                              
                              
header#header .header-content nav#menu > ul ul > li:first-child > a {                              
  border-top: none;                              
}                              
                              
header#header .header-content nav#menu > ul ul > li > a {                              
  font-size: 16px;                              
  line-height: 24px;                              
  font-weight: 400;                              
  font-family: Inter, sans-serif;                              
  transition: none;                              
  display: flex;                              
  flex-direction: row;                              
  justify-content: start;                              
  align-items: center;                              
  gap: 8px;                              
  height: 38px;                              
  margin: 0;                              
  padding: 0 32px;                              
  outline: 0;                              
  white-space: nowrap;                              
  border-top: 1px dashed rgba(0,0,0,.08);                              
  text-decoration: none;                              
  text-transform: capitalize;                              
  color: #000;                              
  background: 0 0;                              
}                              
                              
header#header .header-content nav#menu > ul ul > li > a:hover {                              
  color: #fff;                              
  background: #ED1C24;                              
}                              
                              
header#header .header-content nav#menu > ul ul ul {                              
  display: none;                              
  top: 100%;                              
  background: color-mix(in srgb, #222222, #fff 96%);                              
  box-shadow: 0 6px 8px rgba(0,0,0,.1);                              
  min-width: 250px;                              
  left: unset;                              
  right: 0;                              
  top: 0;                              
  left: unset;                              
  right: 100%;                              
}                              
                              
header#header .header-content nav#menu > ul ul ul > li {                              
  transition: none;                              
  padding: 0;                              
  border: none;                              
  width: 100%;                              
  background: 0 0;                              
}                              
                              
header#header .header-content nav#menu > ul ul ul > li.has-sub-navigation > a {                              
  justify-content: space-between;                              
}                              
                              
header#header .header-content nav#menu > ul ul ul > li.has-sub-navigation > a::after {                              
  content: "";                              
  display: block;                              
  width: 0;                              
  height: 0;                              
  margin: 0;                              
  padding: 0;                              
  border-top: 4px solid #000;                              
  border-left: 4px solid transparent;                              
  border-right: 4px solid transparent;                              
  position: relative;                              
}                              
                              
header#header .header-content nav#menu > ul ul ul > li:first-child > a {                              
  border-top: none;                              
}                              
                              
header#header .header-content nav#menu > ul ul ul > li > a {                              
  font-size: 16px;                              
  line-height: 24px;                              
  font-weight: 400;                              
  font-family: Inter, sans-serif;                              
  transition: none;                              
  display: flex;                              
  flex-direction: row;                              
  justify-content: start;                              
  align-items: center;                              
  gap: 8px;                              
  height: 38px;                              
  margin: 0;                              
  padding: 0 32px;                              
  outline: 0;                              
  white-space: nowrap;                              
  border-top: 1px dashed rgba(0,0,0,.08);                              
  text-decoration: none;                              
  text-transform: capitalize;                              
  color: #000;                              
  background: 0 0;                              
}                              
                              
header#header .header-content nav#menu > ul ul ul > li > a:hover {                              
  color: #fff;                              
  background: #E0684B;                              
}                              
                              
.inner-employer-page header#header #menu > #nav-trigger,                              
.inner-jobseeker-page header#header #menu > #nav-trigger {                              
  border-left: none;                              
  width: 100%;                              
}                              
                              
.inner-employer-page header#header .call-to-action,                              
.inner-jobseeker-page header#header .call-to-action {                              
  display: none;                              
  visibility: hidden;                              
  opacity: 0;                              
}                              
                              
.inner-jobseeker-page.job-search-page header#header #menu > #nav-trigger {                              
  width: 50%;                              
}                              
                              
.inner-jobseeker-page.job-search-page header#header #menu > #nav-trigger:nth-child(1) {                              
  right: 0;                              
  border-left: 1px solid #fff;                              
  margin-right: 0;                              
}                              
                              
.inner-jobseeker-page.job-search-page header#header #menu > #nav-trigger:nth-child(2) {                              
  right: 50%;                              
  border-left: none;                              
  margin-right: 0;                              
}                              
                              
.inner-jobseeker-page.job-search-page header#header #menu > #nav-trigger:nth-child(2)::before {                              
  content: "Search";                              
}                              
/**********NAV END                              
***********************************/                              
                              
                              
/**********FEATURED JOBS                              
***********************************/                              
section#featured-jobs {                              
  padding-bottom: 40px;                              
}                              
                              
.featured-job-promo {                              
  width: 30%;                              
  min-height: auto;                              
}                              
                              
#featured-job-listing {                              
  width: 67%;                              
  background: transparent;                              
  min-height: 0;                              
}                              
                              
#featured-job-listing ul {                              
  padding: 20px 0;                              
  z-index: 99;                              
  position: relative;                              
  margin: auto;                              
  text-align: left;                              
  padding-top: 0;                              
  display: grid;                              
  grid-template-columns: repeat(2, 1fr);                              
  gap: 0 15px;                              
}                              
                              
#featured-job-listing ul li {                              
  border-top: 1px solid #ccc;                              
  padding: 15px 0;                              
  margin: 0;                              
  white-space: nowrap;                              
  overflow: hidden;                              
  text-overflow: ellipsis;                              
}                              
                              
#featured-job-listing ul li:first-of-type {                              
  border-top: none;                              
}                              
                              
#featured-job-listing ul li:nth-of-type(2) {                              
  border-top: none;                              
}                              
                              
section#featured-jobs .sideboard-adspace {                              
  padding: 20px 10px;                              
  margin: 0 auto;                              
}                              
                              
section#featured-jobs .sideboard-adspace .job-alert-signup {                              
  max-width: 300px;                              
  margin: auto;                              
}                              
                              
section#featured-jobs .sideboard-adspace em {                              
  position: relative;                              
  bottom: 0;                              
  box-sizing: border-box;                              
  background: transparent;                              
  border-bottom: 0;                              
  border-top: 0;                              
  padding: 0;                              
  border: 0;                              
}                              
                              
section#featured-jobs .sideboard-adspace div > div {                              
  background: transparent;                              
  height: auto;                              
  border: none;                              
  margin-bottom: 10px;                              
  position: relative;                              
  box-sizing: border-box;                              
}                              
                              
section#featured-jobs .sideboard-adspace a {                              
  width: auto;                              
  font-size: 1.1em;                              
  padding: 10px 25px;                              
}                              
                              
section#featured-jobs .sideboard-adspace img {                              
  max-width: 100%;                              
  height: auto;                              
  display: block;                              
  margin: auto;                              
}                              
                              
section#featured-jobs .sideboard-adspace.banner {                              
  padding-top: 0;                              
}                              
                              
.featured-job-promo .sideboard-adspace h5,                              
.featured-job-promo .sideboard-adspace .h5 {                              
  font-family: inherit;                              
  text-transform: capitalize;                              
  font-family: proxima-nova, 'Helvetica Neue', Arial, sans-serif;                              
  font-size: 1.85em;                              
  font-weight: 600;                              
}                              
/**********FEATURED JOBS END                              
***********************************/                              
                              
                              
/**********BLANK MODULE                              
***********************************/                              
/* Covers both class-based (.blank-module) and id-based (section#blank-module) platform variants */                              
.blank-module,                              
section#blank-module {                              
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 40%, rgba(0, 0, 0, 0.75) 81%) fixed,                              
              url(img/image.jpg) center center / 100% no-repeat fixed;                              
  color: #fff;                              
  width: 100%;                              
  max-width: 100%;                              
  box-sizing: border-box;                              
}                              
                              
.wrapper {                              
  max-width: 1200px;                              
  margin: 0 auto;                              
}                              
                              
/* Class-based variant: .blank-con / .blank-left */                              
.blank-con {                              
  padding: 80px 20px;                              
  text-align: center;                              
}                              
                              
.blank-left {                              
  max-width: 900px;                              
  margin: 0 auto;                              
}                              
                              
.blank-left h2 {                              
  margin-bottom: 30px;                              
  color: #fff;                              
}                              
                              
.blank-left h2 span {                              
  display: block;                              
  font-size: 22px;                              
}                              
                              
.blank-left p {                              
  margin-bottom: 25px;                              
  color: #fff;                              
  font-size: 16px;                              
}                              
                              
.blank-left a.secondary:hover {                              
  background: #fff;                              
  color: #E0684B;                              
}                              
                              
/* Id-based variant: section#blank-module — AZA split-panel style                              
   Left 55%: AZA coral (#E0684B) with white text                              
   Right 45%: image.jpg photo (via background-image trick)         */                              
section#blank-module {                              
  /* Photo fills full width and height; orange boxes float on top left */                              
  background: url(img/image.jpg) center center / cover no-repeat;                              
  color: #fff;                              
  width: 100%;                              
  max-width: 100%;                              
  box-sizing: border-box;                              
  min-height: 420px;                              
  display: flex;                              
  flex-direction: column;                              
  align-items: flex-start;                              
  justify-content: center;                              
}                              
                              
section#blank-module .category-header {                              
  background: #ED1C24;                              
  width: 30%;                              
  padding: 40px 24px 12px 40px;                              
  text-align: left;                              
  margin: 0;                              
}                              
                              
section#blank-module .category-header h2 {                              
  color: #fff;                              
  font-family: proxima-nova, 'Helvetica Neue', Arial, sans-serif;                              
  font-size: 1.8em;                              
  font-weight: 700;                              
  text-align: left;                              
  margin-bottom: 0;                              
}                              
                              
section#blank-module .interior {                              
  background: #ED1C24;                              
  width: 30%;                              
  padding: 12px 24px 40px 40px;                              
  text-align: left;                              
  color: #fff;                              
  font-size: 15px;                              
  margin: 0;                              
}                              
                              
section#blank-module .interior p {                              
  margin-bottom: 24px;                              
  color: #fff;                              
  line-height: 1.6;                              
}                              
                              
/* Outlined button — white border on coral, flips on hover */                              
section#blank-module .interior a.secondary,                              
section#blank-module .interior button.secondary {                              
  background: transparent;                              
  border: 2px solid #fff;                              
  color: #fff;                              
  padding: 12px 28px;                              
  display: inline-block;                              
  font-weight: 700;                              
  font-size: 0.85em;                              
  letter-spacing: 0.08em;                              
  text-transform: uppercase;                              
  text-decoration: none;                              
  transition: background 0.3s, color 0.3s;                              
  border-radius: 0;                              
}                              
                              
section#blank-module .interior a.secondary:hover,                              
section#blank-module .interior button.secondary:hover {                              
  background: #fff;                              
  color: #E0684B;                              
}                              
/**********BLANK MODULE END                              
***********************************/                              
                              
                              
/**********FEATURED SERVICES                              
***********************************/                              
.wrapper {                              
  max-width: 1200px;                              
  margin: 0 auto;                              
}                              
                              
#home-page #featured-services {                              
  max-width: 100%;                              
  background: #f5f4f4;                              
  padding: 50px 0;                              
}                              
                              
#featured-services .category-header h2 {                              
  text-align: center;                              
  padding: 0;                              
}                              
                              
#featured-services .interior {                              
  max-width: 1000px;                              
  margin: auto;                              
  background: transparent;                              
}                              
                              
#featured-services .interior img {                              
  width: 100%;                              
}                              
                              
#featured-services .interior ul li {                              
  background: transparent;                              
  position: relative;                              
}                              
                              
/* Title below image — force image before title regardless of DOM order */                              
#featured-services .interior .swiper-slide,                              
#featured-services .interior .owl-item {                              
  display: flex;                              
  flex-direction: column;                              
}                              
                              
#featured-services .interior .swiper-slide a,                              
#featured-services .interior .owl-item a {                              
  order: 1;                              
}                              
                              
#featured-services .interior .swiper-slide .h5,                              
#featured-services .interior .swiper-slide h5,                              
#featured-services .interior .owl-item .h5,                              
#featured-services .interior .owl-item h5 {                              
  order: 2;                              
}                              
                              
#featured-services .interior h5,                              
#featured-services .interior .h5 {                              
  font-size: 1.2em;                              
  font-size: 18px;                              
  color: #fff;                              
  margin: 0 0 12px;                              
  line-height: 100%;                              
  letter-spacing: 0px;                              
  font-weight: 400;                              
  /* text-transform: uppercase; */                              
  /* margin-top: 30px; */                              
  background: #ED1C24;                              
  padding: 15px 10px;                              
  width: 230px;                              
  position: relative;                              
}                              
                              
#featured-services .interior a:hover,                              
#featured-services .interior a:hover .h5 {                              
  opacity: 0.7;                              
}                              
                              
.owl-theme .owl-dots .owl-dot.active span,                              
.owl-theme .owl-dots .owl-dot:hover span {                              
  background: #007A87;                              
}                              
                              
#featured-services .interior ul li a:hover {                              
  text-decoration: none;                              
}                              
/**********FEATURED SERVICES END                              
***********************************/                              
                              
                              
/**********SWIPER NAV ARROWS                              
***********************************/                              
/* Override default blue with client brand color; white circle for visibility */                              
.swiper-button-prev,                              
.swiper-button-next {                              
  --swiper-navigation-color: #E0684B;                              
  background: rgba(255, 255, 255, 0.9);                              
  border-radius: 50%;                              
  width: 44px;                              
  height: 44px;                              
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);                              
  transition: background 0.2s, --swiper-navigation-color 0.2s;                              
}                              
                              
.swiper-button-prev::after,                              
.swiper-button-next::after {                              
  font-size: 18px;                              
  font-weight: 700;                              
}                              
                              
.swiper-button-prev:hover,                              
.swiper-button-next:hover {                              
  --swiper-navigation-color: #fff;                              
  background: #E0684B;                              
}                              
                              
.swiper-button-disabled {                              
  opacity: 0.35;                              
}                              
/**********SWIPER NAV ARROWS END                              
***********************************/                              
                              
                              
/**********FEATURED COURSES                              
***********************************/                              
#featured-courses {                              
  width: auto;                              
  background: url(img/course-bg.jpg) no-repeat center top / cover;                              
  box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.8);                              
  max-width: 100%;                              
}                              
                              
#featured-courses .category-header h2 {                              
  text-align: center;                              
  padding: 0;                              
}                              
                              
#featured-courses .call-to-action {                              
  float: none;                              
  text-align: center;                              
}                              
                              
#featured-courses .course_cards {                              
  padding: 20px 0;                              
}                              
                              
#featured-courses .interior {                              
  width: auto;                              
  max-width: 1200px;                              
  margin: auto;                              
}                              
/**********FEATURED COURSES END                              
***********************************/                              
                              
                              
/**********FEATURED EMPLOYERS                              
***********************************/                              
#featured-employers .interior {                              
  background: transparent;                              
  padding: 10px;                              
}                              
                              
#featured-employers .category-header h2 {                              
  text-align: center;                              
  padding: 0;                              
}                              
                              
#featured-employers .call-to-action {                              
  font-size: 1.1em;                              
  float: none;                              
  text-align: center;                              
  max-width: 300px;                              
  margin: auto;                              
}                              
                              
#featured-employers .call-to-action .secondary {                              
  text-align: center;                              
  float: none;                              
  display: inline-block;                              
  margin: 15px auto 0;                              
}                              
                              
#featured-employers #featured-employer-logos ul li a:hover {                              
  border: none;                              
}                              
/**********FEATURED EMPLOYERS END                              
***********************************/                              
                              
                              
/**********FEEDBACK                              
***********************************/                              
#feedback {                              
  padding-top: 25px;                              
  border-top: 1px solid #ccc;                              
  position: relative;                              
  max-width: 100%;                              
}                              
                              
#feedback .interior {                              
  background: transparent;                              
}                              
                              
#feedback .interior .h4 {                              
  font-weight: 600;                              
  font-size: 2em;                              
}                              
/**********FEEDBACK END                              
***********************************/                              
                              
                              
/**********FOOTER                                 
***********************************/                                 
#footer {                                
    color: #fff;                                
    max-width: 100%;                                
}                                
.footer-content {                                
    background: #0055A4;                                
}                                
.footer-content .footer-nav {                                
    float: none;                                
    width: 100%;                                
    text-align: center;                                
}                                
.footer-content .footer-nav li {                                
    display: inline-block;                                
    padding: 0 10px;                                
}                                
.footer-content .footer-nav li a{                                
    color: #FFFFFF;                                
}                                
.footer-content .footer-nav li a:hover{                                
    color: #41B49C;                                
}                                
.footer-content .copyright-contact {                                
    float: none;                                
    width: 100%;                                
    padding: 15px 5px;                                
}                                
.footer-content .social-media {                                
    float: none;                                
    text-align: center;                                
}                                
.footer-content .social-media a{                                
    color: #FFFFFF;                                
}                                
.footer-content .social-media a:hover{                                
    color: #41B49C;                                
}                                
/**********FOOTER END                                
***********************************/                             
                              
                              
/**********ADS                              
***********************************/                              
                              
/**********ADS END                              
***********************************/                              
                              
                              
/**********MEDIA QUERIES                              
***********************************/                              
@media screen and (min-width: 961px) {                              
                              
  header#header .header-content #menu > ul > li:hover > a {                              
    background: 0 0;                              
    color: #222222;                              
  }                              
                              
  header#header .header-content #menu > ul > li:hover > ul {                              
    display: block;                              
  }                              
                              
  header#header .header-content #menu > ul > li:hover.has-sub-navigation > a::after {                              
    rotate: 180deg;                              
    border-top-color: #222222;                              
  }                              
                              
  header#header .header-content #menu > ul ul > li:hover > a {                              
    background: #E0684B;                              
    color: #fff;                              
  }                              
                              
  header#header .header-content #menu > ul ul > li:hover > ul {                              
    display: block;                              
  }                              
                              
  header#header .header-content #menu > ul ul > li:hover.has-sub-navigation > a::after {                              
    rotate: 180deg;                              
    border-top-color: #fff;                              
  }                              
                              
}                              
                              
@media (max-width: 1200px) {                              
                              
  .category-header h2 {                              
    padding-left: 10px;                              
  }                              
                              
  .header-content .call-to-action {                              
    /* right: 10px; */                              
  }                              
                              
  .home-page .header-content #menu {                              
    /* right: 135px; */                              
  }                              
                              
  .hero-expanded {                              
    height: 450px;                              
  }                              
                              
  #hero {                              
    height: 450px;                              
  }                              
                              
  #hero .site-name-tag {                              
    top: 150px;                              
  }                              
                              
  #featured-jobs .interior {                              
    background: none;                              
    padding: 0px 10px;                              
  }                              
                              
  #featured-job-listing .secondary {                              
    margin-right: 10px;                              
  }                              
                              
}                              
                              
@media screen and (max-width: 992px) {                              
                              
  #header .header-content {                              
    /* flex-direction: column; */                              
    /* width: 100%; */                              
  }                              
                              
  #header .header-content #menu { float: none; top: unset; left: unset; }                              
                              
  #header .header-content #menu > #nav-trigger { display: flex; }                              
                              
  #header .header-content #menu > ul {                              
    display: none;                              
    flex-direction: column;                              
    width: 100%;                              
    background: #f2f4f7;                              
    padding: 0 24px;                              
  }                              
                              
  #header .header-content #menu > ul.nav-wrapper-ul {                              
    display: flex;                              
  }                              
                              
  #header .header-content #menu > ul > li {                              
    width: 100%;                              
  }                              
                              
  #header .header-content #menu > ul > li.search-button {                              
    display: block;                              
    visibility: visible;                              
    opacity: 1;                              
  }                              
                              
  #header .header-content #menu > ul > li.has-sub-navigation.show > a {                              
    color: #900000;                              
  }                              
                              
  #header .header-content #menu > ul > li.has-sub-navigation.show > a::after {                              
    rotate: 180deg;                              
    border-top-color: #900000;                              
  }                              
                              
  #header .header-content #menu > ul > li.has-sub-navigation.show > ul {                              
    display: block;                              
  }                              
                              
  #header .header-content #menu > ul > li > a {                              
    font-size: 16px;                              
    line-height: 24px;                              
    height: 40px;                              
    padding: 0 24px 0 24px;                              
    justify-content: space-between;                              
    border-top: 1px dashed rgba(0,0,0,.08);                              
  }                              
                              
  #header .header-content #menu > ul ul {                              
    display: none;                              
    background: 0 0;                              
    position: relative;                              
    height: auto;                              
    top: unset;                              
    left: unset;                              
    right: unset;                              
    padding: 0;                              
    box-shadow: none;                              
  }                              
                              
  #header .header-content #menu > ul ul > li.show > a {                              
    color: #fff;                              
    background: #002d64;                              
  }                              
                              
  #header .header-content #menu > ul ul > li.show > a::after {                              
    rotate: 180deg;                              
    border-top-color: #fff;                              
  }                              
                              
  #header .header-content #menu > ul ul > li.show > ul {                              
    display: block;                              
  }                              
                              
  #header .header-content #menu > ul ul > li:first-child > a {                              
    border-top: 1px dashed rgba(0,0,0,.08);                              
  }                              
                              
  #header .header-content #menu > ul ul > li > a {                              
    padding: 0 24px 0 48px;                              
  }                              
                              
  #header .header-content #menu > ul ul > li > a:hover {                              
    color: #fff;                              
    background: #002d64;                              
  }                              
                              
  #header .header-content #menu > ul ul ul {                              
    display: none;                              
    background: 0 0;                              
    position: relative;                              
    height: auto;                              
    top: unset;                              
    left: unset;                              
    right: unset;                              
    padding: 0;                              
    box-shadow: none;                              
  }                              
                              
  #header .header-content #menu > ul ul ul > li:first-child > a {                              
    border-top: 1px dashed rgba(0,0,0,.08);                              
  }                              
                              
  #header .header-content #menu > ul ul ul > li > a {                              
    padding: 0 24px 0 72px;                              
  }                              
                              
  #header .header-content #menu > ul ul ul > li > a:hover {                              
    background: #002d64;                              
  }                              
                              
  #header .header-content #menu > ul > li.list-footer {                              
    position: relative;                              
    top: unset;                              
    right: unset;                              
    display: flex;                              
    flex-direction: column;                              
    gap: 8px;                              
    width: 100%;                              
    height: auto;                              
    padding: 24px 0;                              
    margin: 0;                              
    border-radius: 0;                              
    background: 0 0;                              
  }                              
                              
  #header .header-content #menu > ul > li.list-footer > a {                              
    font-size: 18px;                              
    line-height: 26px;                              
    display: flex;                              
    flex-direction: row;                              
    justify-content: center;                              
    align-items: center;                              
    gap: 8px;                              
    width: auto;                              
    height: auto;                              
    min-height: 42px;                              
    border: none;                              
    border-radius: 4px;                              
    color: #fff;                              
    margin: 0;                              
    padding: 0 20px;                              
    background: #0073d1;                              
  }                              
                              
  #header .header-content #menu > ul > li.list-footer > a::before {                              
    display: none;                              
    visibility: hidden;                              
    opacity: 0;                              
  }                              
                              
  #header .header-content #menu > ul > li.list-footer > a.donate-now {                              
    background: #900000;                              
    color: #fff;                              
    box-shadow: 0 -2px 0 0 rgba(0,0,0,.16) inset;                              
  }                              
                              
  #header .header-content #menu > ul > li.list-footer > a.donate-now:hover {                              
    background: color-mix(in srgb, #900000, #000 16%);                              
  }                              
                              
  #header .header-content #menu > ul > li.list-footer > a.donate-now::after,                              
  #header .header-content #menu > ul > li.list-footer > a.donate-now::before {                              
    display: none;                              
    visibility: hidden;                              
    opacity: 0;                              
  }                              
                              
  .inner-employer-page header#header #menu > #nav-trigger,                              
  .inner-jobseeker-page header#header #menu > #nav-trigger {                              
    width: 100px;                              
  }                              
                              
  .inner-jobseeker-page.job-search-page header#header #menu > ul > li.search-button a#search-toggle {                              
    display: block;                              
    visibility: visible;                              
    opacity: 1;                              
    display: flex;                              
  }                              
                              
  .inner-jobseeker-page.job-search-page header#header #menu > ul > li.search-button a#search-page-link {                              
    display: none;                              
    visibility: hidden;                              
    opacity: 0;                              
  }                              
                              
}                              
                              
@media (max-width: 960px) {                              
                              
  .header-content #logo {                              
    padding: 19px 0;                              
  }                              
                              
  #featured-job-listing ul {                              
    grid-template-columns: 1fr;                              
  }                              
                              
  #featured-job-listing ul li {                              
    padding: 10px 0;                              
  }                              
                              
  #featured-job-listing ul li:nth-of-type(2) {                              
    border-top: 1px solid #ccc;                              
  }                              
                              
  #featured-job-listing ul li:nth-child(6),                              
  #featured-job-listing ul li:nth-child(7),                              
  #featured-job-listing ul li:nth-child(8),                              
  #featured-job-listing ul li:nth-child(9),                              
  #featured-job-listing ul li:nth-child(10) {                              
    display: none;                              
  }                              
                              
  .home-page #header {                              
    position: relative;                              
    box-shadow: none;                              
    background: #fff;                              
    padding: 0;                              
  }                              
                              
  #header {                              
    padding: 0;                              
  }                              
                              
  /* Give header-content the 40px bottom space so CTA (bottom:0) lands below the logo */                              
  header#header .header-content {                              
    padding-bottom: 40px;                              
  }                              
                              
  /* Nav trigger */                              
  .header-content #menu {                              
    position: relative;                              
    float: none;                              
    top: 0;                              
    left: auto;                              
    width: 100%;                              
    margin: 0;                              
    padding: 0;                              
    right: 0;                              
    transform: none;                              
    z-index: 999;                              
  }                              
                              
  .header-content #menu > ul > li {                              
    float: none;                              
    width: 100%;                              
    clear: both;                              
    display: block;                              
    text-align: center;                              
  }                              
                              
  .header-content #menu .mobile-hide {                              
    display: none;                              
  }                              
                              
  .header-content #menu #nav-trigger {                              
    display: block;                              
    position: relative;                              
    cursor: pointer;                              
    float: right;                              
    text-decoration: none;                              
    margin-right: 10px;                              
    background: #000;                              
    font-size: 1.1em;                              
    padding: 7px 25px;                              
    margin-top: 0;                              
    color: #fff;                              
  }                              
                              
  .home-page .header-content #menu #nav-trigger {                              
    margin-right: 0;                              
  }                              
                              
  .header-content #menu #nav-trigger:hover {                              
    background-color: #000;                              
    opacity: .8;                              
    color: #fff;                              
  }                              
                              
  .header-content #menu #nav-trigger:before {                              
    content: "MENU";                              
    display: inline-block;                              
    padding-right: 2px;                              
  }                              
                              
  .header-content #menu ul {                              
    float: none;                              
    display: none;                              
    height: 100%;                              
    width: 100%;                              
    box-sizing: border-box;                              
    position: relative;                              
    top: 35px;                              
  }                              
                              
  .header-content #menu ul li ul {                              
    margin-left: 0;                              
    width: 100%;                              
    float: none;                              
    display: block;                              
    background-color: ;                              
    box-shadow: none;                              
    border: 0;                              
    padding: 0;                              
    position: static;                              
  }                              
                              
  .header-content #menu li {                              
    position: static;                              
    clear: both;                              
  }                              
                              
  .header-content #menu li ul {                              
    float: none;                              
    display: block;                              
    height: 100%;                              
    width: 100%;                              
    position: static;                              
    padding: 0;                              
  }                              
                              
  .header-content #menu li ul .collapse {                              
    display: block;                              
    border: none;                              
    background-color: #fff;                              
    font-size: 16px;                              
    padding: 0 10px;                              
    margin: 0;                              
    color: #000;                              
    text-align: left;                              
  }                              
                              
  .header-content #menu ul li:first-child ul {                              
    border-top: 1px solid #222222;                              
  }                              
                              
  .header-content .call-to-action {                              
    top: 45px;                              
    transform: none;                              
  }                              
                              
  .home-page .header-content #menu {                              
    right: 0;                              
  }                              
                              
  .header-content #menu {                              
    right: 0;                              
  }                              
                              
  /* Post a Job: left half, pinned to bottom of header — aligns with Menu trigger */                              
  header#header .header-content .call-to-action {                              
    position: absolute;                              
    top: auto;                              
    bottom: 0;                              
    left: 0;                              
    width: 50%;                              
    height: 40px;                              
    margin: 0;                              
    border-radius: 0;                              
  }                              
                              
  header#header .header-content nav#menu {                              
    float: none;                              
    top: unset;                              
    left: unset;                              
    padding: 0;                              
    right: 0;                              
  }                              
                              
  header#header .header-content nav#menu > #nav-trigger {                              
    display: flex;                              
  }                              
                              
  header#header .header-content nav#menu > ul {                              
    display: none;                              
    flex-direction: column;                              
    width: 100%;                              
    border: none;                              
    padding: 8px 0;                              
  }                              
                              
  header#header .header-content nav#menu > ul.nav-wrapper-ul {                              
    display: flex;                              
  }                              
                              
  header#header .header-content nav#menu > ul > li {                              
    width: 100%;                              
  }                              
                              
  header#header .header-content nav#menu > ul > li.show > a {                              
    color: #fff;                              
  }                              
                              
  header#header .header-content nav#menu > ul > li.show > a::after {                              
    rotate: 180deg;                              
    border-top-color: #fff;                              
  }                              
                              
  header#header .header-content nav#menu > ul > li.show > ul {                              
    display: block;                              
  }                              
                              
  header#header .header-content nav#menu > ul > li:first-child > a {                              
    border: none;                              
  }                              
                              
  header#header .header-content nav#menu > ul > li > a {                              
    height: 40px;                              
    padding: 0 24px 0 24px;                              
    justify-content: space-between;                              
    border-top: 1px dashed rgba(0,0,0,.08);                              
  }                              
                              
  header#header .header-content nav#menu > ul ul {                              
    display: none;                              
    height: auto;                              
    padding: 0;                              
    position: relative;                              
    top: unset;                              
    left: unset;                              
    right: unset;                              
    border: none;                              
    box-shadow: none;                              
    background: color-mix(in srgb, #0f3759, #fff 96%);                              
  }                              
                              
  header#header .header-content nav#menu > ul ul > li.show > a {                              
    color: #fff;                              
    background: #0f3759;                              
  }                              
                              
  header#header .header-content nav#menu > ul ul > li.show > a::after {                              
    rotate: 180deg;                              
    border-top-color: #fff;                              
  }                              
                              
  header#header .header-content nav#menu > ul ul > li.show > ul {                              
    display: block;                              
  }                              
                              
  header#header .header-content nav#menu > ul ul > li:first-child > a {                              
    border-top: 1px dashed rgba(0,0,0,.08);                              
  }                              
                              
  header#header .header-content nav#menu > ul ul > li > a {                              
    padding: 0 24px 0 48px;                              
  }                              
                              
  header#header .header-content nav#menu > ul ul ul {                              
    display: none;                              
    height: auto;                              
    padding: 0;                              
    position: relative;                              
    top: unset;                              
    left: unset;                              
    right: unset;                              
    border: none;                              
    box-shadow: none;                              
    background: 0 0;                              
  }                              
                              
  header#header .header-content nav#menu > ul ul ul > li:first-child > a {                              
    border-top: 1px dashed rgba(0,0,0,.08);                              
  }                              
                              
  header#header .header-content nav#menu > ul ul ul > li > a {                              
    padding: 0 24px 0 72px;                              
  }                              
                              
  .hero-expanded {                              
    /* margin-top: 40px; */                              
  }                              
                              
  #hero {                              
    height: 490px;                              
    padding: 0 !important;                              
  }                              
                              
  #header .header-content {                              
    flex-direction: column;                              
    width: 100%;                              
  }                              
                              
}                              
                              
@media (max-width: 850px) {                              
                              
  #featured-job-listing ul {                              
    padding: 10px;                              
  }                              
                              
  .featured-job-promo:after {                              
    width: 80%;                              
    height: 200px;                              
  }                              
                              
  .featured-job-promo:before {                              
    left: 0;                              
  }                              
                              
  #hero .site-name-tag h1 {                              
    font-size: 36px;                              
  }                              
                              
  #hero .site-name-tag h1 span {                              
    font-size: 25px;                              
  }                              
                              
}                              
                              
@media (max-width: 768px) {                              
                              
  #header {                              
    box-shadow: none;                              
    padding: 0;                              
  }                              
                              
  .home-page #header {                              
    padding: 0 0 40px;                              
  }                              
                              
  .translator-tool-header {                              
    clear: both;                              
    margin-top: 35px;                              
  }                              
                              
  section#blank-module {                              
    background: #E0684B;                              
    min-height: 0;                              
    display: block;                              
  }                              
                              
  section#blank-module .category-header,                              
  section#blank-module .interior {                              
    width: 100%;                              
    max-width: 100%;                              
    padding: 30px 20px;                              
    text-align: center;                              
  }                              
                              
  section#blank-module .category-header h2 {                              
    text-align: center;                              
  }                              
                              
  .home-page .featured-job-promo {                              
    float: none;                              
    display: block;                              
    width: 100%;                              
    max-width: 100%;                              
    height: auto;                              
    margin: 0;                              
    clear: both;                              
    margin-top: 40px;                              
    background: transparent;                              
  }                              
                              
  .home-page #main-content {                              
    margin-top: 0px;                              
  }                              
                              
  .home-page .header-content #menu #nav-trigger {                              
    margin-right: 0;                              
  }                              
                              
  .header-content #menu #nav-trigger {                              
    display: block;                              
    float: none;                              
    margin-right: auto;                              
    font-size: 1.1em;                              
    margin-top: 0px;                              
    color: #fff;                              
    clear: both;                              
    margin: auto;                              
    text-align: right;                              
    position: absolute;                              
    right: 0;                              
    width: 100%;                              
  }                              
                              
  .header-content .call-to-action {                              
    top: 10px;                              
    transform: none;                              
    width: auto;                              
  }                              
                              
  .header-content #logo {                              
    padding-right: 0px;                              
    float: none;                              
    margin: auto;                              
    display: block;                              
    padding-left: 0;                              
  }                              
                              
  .header-content #menu ul li:first-child ul {                              
    border-top: none;                              
    padding-top: 20px;                              
  }                              
                              
  .header-content #menu #nav-trigger:hover {                              
    opacity: 1;                              
  }                              
                              
  #main-content {                              
    margin-top: 20px;                              
  }                              
                              
  #featured-job-listing {                              
    width: 100%;                              
    background: transparent;                              
    text-align: center;                              
    padding-bottom: 30px;                              
  }                              
                              
  #featured-jobs .interior {                              
    padding: 0px;                              
  }                              
                              
  #featured-job-listing ul {                              
    text-align: center;                              
    padding: 10px 30px;                              
  }                              
                              
  #featured-jobs .category-header h2 {                              
    padding-left: 0px;                              
    text-align: center;                              
  }                              
                              
  #featured-job-listing .secondary {                              
    margin-right: 0;                              
    margin: auto;                              
    float: none;                              
  }                              
                              
  .footer-content .social-media li {                              
    display: inline-block;                              
  }                              
                              
  .header-content .call-to-action {                              
    font-size: 1.1em;                              
  }                              
                              
  .header-content #menu ul li {                              
    width: auto;                              
  }                              
                              
  #home-page #job-search-form form fieldset,                              
  #home-page #job-search-form form .location_autocomplete {                              
    width: 37%;                              
  }                              
                              
  #home-page #job-search-form form fieldset.call-to-action {                              
    width: 25%;                              
  }                              
                              
}                              
                              
@media (max-width: 480px) {                              
                              
  #home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container label {                              
    color: #fff;                              
  }                              
                              
  #home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container .checkmark {                              
    color: #fff;                              
  }                              
                              
  #home-page #job-alert-search-form.expanded-img fieldset .form-content .form-content-bottom .checkbox-container .checkmark:after {                              
    border-color: #333;                              
  }                              
                              
  #home-page .featured-job-promo {                              
    margin: 0;                              
    clear: both;                              
    margin-top: 40px;                              
  }                              
                              
  .header-content #menu ul li ul li {                              
    border-bottom: none;                              
  }                              
                              
  .header-content {                              
    padding-bottom: 0;                              
  }                              
                              
  .hero-expanded:before {                              
    display: none;                              
  }                              
                              
  #hero {                              
    padding: 0;                              
    border-bottom: 1px solid #fff;                              
  }                              
                              
  #hero .site-name-tag {                              
    text-align: center;                              
    left: 0;                              
    background: transparent;                              
    padding: 80px 15px;                              
    top: 89px;                              
  }                              
                              
  #hero .site-name-tag h1 {                              
    font-size: 2.5em;                              
  }                              
                              
   #hero .site-name-tag em {                           
    color: #222222;                           
    text-shadow: none;                              
  }                              
                              
  #home-page #featured-jobs {                              
    padding-top: 30px;                              
    padding: 30px 15px;                              
  }                              
                              
  #featured-job-listing ul {                              
    padding: 15px 0;                              
  }                              
                              
  #featured-employers .call-to-action .secondary {                              
    width: auto;                              
  }                              
                              
  #featured-employers .call-to-action {                              
    margin-bottom: 30px;                              
  }                              
                              
  .featured-job-promo:after {                              
    width: 100%;                              
  }                              
                              
  #featured-job-listing .secondary {                              
    display: inline-block;                              
    width: auto;                              
  }                              
                              
  #home-page #job-search-form form fieldset,                              
  #home-page #job-search-form form .location_autocomplete {                              
    width: 100%;                              
  }                              
                              
  #home-page #job-search-form form fieldset.call-to-action {                              
    width: 100%;                              
  }                              
                     
.footer-content .copyright-contact p {                     
  margin: 0 0 6px;                     
  padding: 0;                     
}                              
                              
/**********MEDIA QUERIES END                              
***********************************/