/* Lara Nursery branding: teal #03536b, peach #e9a081, grey #535353 body text */
body { color: #535353; }
#VF_vacancies .VF-job-title, #VF_vacancies .VF-job-title-link, .vf-jobtitle, #VF_vacancies h1, #VF_vacancies h2, .vf-single h2 {
  color: #03536b !important;
}
.vacancies-nav__link.active, #VF_vacancies .vacancies-nav__link.active, #VF_vacancies .vacancies-nav__link.active:hover {
  background-color: #03536b !important;
  color: #fff !important;
}
#VF_vacancies .vacancies-nav__link:hover { color: #03536b !important; }
.ui.primary.basic.button.sf-apply-button, #VF_vacancies .ui.primary.basic.button.sf-apply-button,
.vf-apply-button.ui.button {
  background: #03536b !important;
  color: #fff !important;
  border: 1px solid #03536b !important;
}
.ui.primary.basic.button.sf-apply-button:hover,
.vf-apply-button.ui.button:hover {
  background: #fff !important;
  color: #03536b !important;
  border-color: #e9a081 !important;
}
.job-card.card { border-top: 3px solid #e9a081 !important; }
a { color: #03536b; }
/* banner heading on the vacancy page: white on the teal banner */
html body #vf-banner h1, html body #vf-banner h1 .vf-region, html body #vf-banner .textbanner--left h1 { color: #fff !important; }
/* Apply button inside the teal summary panel: white so it stands out */
html body .short-summary .vf-apply-button, html body .vf-ApplyButton-sidebar .vf-apply-button.ui.button {
  background: #fff !important;
  color: #03536b !important;
  border: 1px solid #e9a081 !important;
}
html body .short-summary .vf-apply-button:hover, html body .vf-ApplyButton-sidebar .vf-apply-button.ui.button:hover {
  background: #e9a081 !important;
  color: #03536b !important;
}
