/* Jobs Widget */

:root {
  --orange: #090b38;
  --white: #ffffff;
  --secondary: #090b38;
  --text: #2E3C48;
}

body {
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif
}

#ja-jobs-widget {
  background-color: rgb(244, 245, 249);
	position: relative;
  padding: 20px;
}

.ja-loading {
	position: absolute;
	top: 10px;
	right: 10px;
}

.ja-loading.left {
	left: 10px;
	right: auto;
}


/* Forms */
.ja-form {
	margin-bottom: 3em;

}

.ja-form .ja-field-container {
	margin-bottom: 0.5em;
}

.ja-field-container:nth-child(3) {
  display: none;
}

.ja-form .ja-field-container:before,
.ja-form .ja-field-container:after {
	content: "";
	display: table;
}

.ja-form .ja-field-container:after {
	clear: both;
}

.ja-form .ja-field-container {
	zoom: 1;
}

.ja-form .ja-field-container label {
	display: block;
	float: left;
	width: 100px;
	padding-top: 6px;
}

.ja-form .ja-field-container .ja-field {
	float: left;
}

.ja-form .ja-field-container select,
.ja-form .ja-field-container textarea,
.ja-form .ja-field-container input[type="text"],
.ja-form .ja-field-container input[type="password"],
.ja-form .ja-field-container input[type="datetime"],
.ja-form .ja-field-container input[type="datetime-local"],
.ja-form .ja-field-container input[type="date"],
.ja-form .ja-field-container input[type="month"],
.ja-form .ja-field-container input[type="time"],
.ja-form .ja-field-container input[type="week"],
.ja-form .ja-field-container input[type="number"],
.ja-form .ja-field-container input[type="email"],
.ja-form .ja-field-container input[type="url"],
.ja-form .ja-field-container input[type="search"],
.ja-form .ja-field-container input[type="tel"],
.ja-form .ja-field-container input[type="color"] {
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #333;
	border: solid 1px #ccc;
/*   background-color: var(--orange) */
}
#ja-keywords{
  margin-top: 2px;
  width: 242px;
}
.ja-form .ja-field-container select {
	width: 240px;
  border: none; /* Remove default border */
}
.ja-form .ja-field-container select:hover : {
  background-color: #090b38;
}

.ja-form .ja-field-container textarea {
	width: 230px;
	padding: 3px 4px;
}

.ja-form .ja-field-container input[type="text"],
.ja-form .ja-field-container input[type="password"],
.ja-form .ja-field-container input[type="datetime"],
.ja-form .ja-field-container input[type="datetime-local"],
.ja-form .ja-field-container input[type="date"],
.ja-form .ja-field-container input[type="month"],
.ja-form .ja-field-container input[type="time"],
.ja-form .ja-field-container input[type="week"],
.ja-form .ja-field-container input[type="number"],
.ja-form .ja-field-container input[type="email"],
.ja-form .ja-field-container input[type="url"],
.ja-form .ja-field-container input[type="search"],
.ja-form .ja-field-container input[type="tel"],
.ja-form .ja-field-container input[type="color"] {
	width: 232px;
	padding: 3px 4px;
}

.ja-form .ja-field-container .checkbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ja-form .ja-field-container .checkbox {
	display: block;
	margin-left: 95px;
}

.ja-form .ja-field-container .checkbox br {
	clear: left;
}

.ja-form .ja-field-container .checkbox input {
	width: 15px;
	height: 19px;
	float: left;
}

.ja-form .ja-field-container .checkbox label {
	height: 21px;
	width: auto;
	line-height: 21px;
	float: left;
	padding: 2px 12px 0 5px;
}


.ja-form .ja-submit {
	margin-top: 1em;
	margin-left: 100px;
	vertical-align: middle;
}

.ja-form .ja-submit .ja-loading {
	position: relative;
	top: 0;
	left: 0;
	margin-left: 10px;
	vertical-align: middle;
}

.ja-button {
	font-size: 1em;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dcdcdc;
	padding: 8px 18px;
  
      border-radius: 0;
    display: inline-block;
    background-color: #090b38;
    color: #fff !important;
    line-height: 18px;
    font-size: 18px;
    border: 0;
    font-weight: 600;
    text-decoration: none;
  transition: 0.3s;
}

.ja-button:hover {
	background-color: #090b38;
	cursor: pointer !important;
}

.ja-button:active {
	position: relative;
	top: 1px;
}

.ja-form .ja-field-container .error {
	color: #990000;
	border-color: #990000;
}

.ja-form .ja-field-container .validation-error {
	display: block;
	clear: both;
	margin-top: 5px;
	color: #aa0000;
}

.ja-form .ja-error-container {
	color: #aa0000;
	margin-top: 2em;
	margin-left: 100px;
}

.ja-form .ja-error-container p {
	margin-bottom: 0;
}

/* End forms */


/* Job list */

.ja-job-list-container {
}

.ja-job-list-container .no-jobs-content {
}

.ja-job-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px; /* Adjust the gap as needed */
	margin-bottom: 3em;
 
}
ul.classifications {
 padding: 0;
}
.ja-job-list .job {
	padding: 0.5em;
/*  background-color: #f7f7f7; */
}
h2.title {
  margin: 0;
  margin-bottom: 15px;
}
  .job {
/*     border: 1px solid #ccc; */
    padding: 20px; /* Optional: Add padding around each job item */
  }
  .job:nth-child(2n) {
    clear: both;
  }

.ja-job-list .job.alt {
/* 	background-color: #f5f5f5; */
}

.ja-job-list .job.hot {
	background-color: #fffdfd;
}

.ja-job-list .job .title a {
  color: #090b38;
  text-decoration: none;
  font-weight: 300;
  transition: 0.2s;
  font-size: 24px;
}
.ja-job-list .job .title a:hover {
  color: var(--orange);
}

.ja-job-list .job .meta {
  display: flex;
  flex-direction: column;
	margin-bottom: 1em;
}

.ja-job-list .job .meta:before,
.ja-job-list .job .meta:after {
	content: "";
	display: table;
}

.ja-job-list .job .meta:after {
	clear: both;
}

.ja-job-list .job .meta {
	zoom: 1;
}

.ja-job-list .job .meta p {
	font-size: 16px;
  color: var(--text);
  margin: 0;
  position: relative;
  bottom: 15px
}

.ja-job-list .job .meta .classifications {
	list-style: none;
	display: flex;
  flex-direction: column;
}

.ja-job-list .job .meta .classifications li {
	display: inline;
	margin-right: 0.5em;
  color: var(--text);
}

li[data-id="25469"]::before {
  content: 'Location: '
}

.ja-job-list .job .meta .date-posted::before {
  content: 'Creation date:';
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px; 
}

li[data-id="25470"] {
  display: none !important
}

li[data-id="25467"]::before {
  content: 'Category:';
}

.ja-job-list .job .meta .salary {
	clear: left;
	float: left;
}

.ja-job-list .job .meta .reference {
	float: right;
	text-align: right;
}

.ja-job-list .job .summary {
  color: var(--text)
}

.ja-job-list .job .view-details {
  display: none !important;
	font-size: 0.9em;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
	padding: 4px 10px;
	text-decoration: none;
/* 	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) ); */
/* 	background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); */
/* 	background: -ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% ); */
/* 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); */
	background-color: #090b38;
	color: white;
	display: inline-block;
/* 	text-shadow: 1px 1px 1px #ffffff; */
/* 	-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; */
/* 	-moz-box-shadow: inset 1px 1px 0px 0px #ffffff; */
/* 	box-shadow: inset 1px 1px 0px 0px #ffffff; */
}

.ja-job-list .job .view-details:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background: -ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color: #e9e9e9;
	cursor: pointer !important;
}

.ja-job-list .job .view-details:active {
	position: relative;
	top: 1px;
}


/* End job list */


/* Pager */

.ja-pager-container {
}

.ja-pager-container:before,
.ja-pager-container:after {
	content: "";
	display: table;
}

.ja-pager-container:after {
	clear: both;
}

.ja-pager-container {
	zoom: 1;
}

.ja-pager {
	float: left;
	font-size: 0.9em;
}

.ja-pager:before,
.ja-pager:after {
	content: "";
	display: table;
}

.ja-pager:after {
	clear: both;
}

.ja-pager {
	zoom: 1;
}

.ja-pager span,
.ja-pager a {
	display: block;
	float: left;
	line-height: 23px;
	margin-right: 3px;
	color: #333;
	background-color: #f3f3f3;
	border: solid 1px #ddd;
  transition: 0.2s;
}

.ja-pager a {
  border-radius: 0;
    display: inline-block;
    background-color: #090b38;
    color: #fff;
    line-height: 18px;
    padding: 11px 28px;
    font-size: 18px;
    border: 0;
    font-weight: 600;
    text-decoration: none;
}

.ja-pager a:hover {
   color: #fff;
   background-color: #090b38;
   border-bottom: 0; 
}

.ja-pager .current-page {
   border-radius: 0;
    border: 0;

	background-color: #090b38;
	border-color: #999;
	text-decoration: none;
    color: #fff;
    line-height: 18px;
    padding: 11px 28px;
   display: inline-block;
}
.ja-pager .previous,
.ja-pager .next {
}

.ja-pager .first-page,
.ja-pager .last-page {
}

.ja-pager .previous-ellipsis,
.ja-pager .next-ellipsis {
}


.ja-pager-summary {
	float: right;
	line-height: 25px;
	font-size: 0.9em;
}

/* End pager */


/* Job details */

.ja-job-details {
}

.ja-job-details .title {
}

.ja-job-details .meta {
	margin-bottom: 1em;
}

.ja-job-details .meta:before,
.ja-job-details .meta:after {
	content: "";
	display: table;
}

.ja-job-details .meta:after {
	clear: both;
}

.ja-job-details .meta {
	zoom: 1;
}

.ja-job-details .meta p {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

.ja-job-details .meta .classifications {
	float: left;
	width: 50%;
	list-style: none;
	margin: 0 0 0.5em 0;
}

.ja-job-details .meta .classifications li {
	display: inline;
	margin-right: 0.5em;
}

.ja-job-details .meta .date-posted {
	clear: right;
	float: right;
	width: 50%;
	text-align: right;
}

.ja-job-details .meta .salary {
	clear: left;
	float: left;
}

.ja-job-details .meta .reference {
	float: right;
	text-align: right;
}

.ja-job-details .bullet-points {
}

.ja-job-details .bullet-points li {
}

.ja-job-details .description {
}

.ja-job-details .apply {
	margin: 2em 0 0.5em 0;
	text-align: center;
}

.ja-job-details .apply .back-link {
	font-size: 0.9em;
	margin-right: 1em;
}

.ja-job-details .apply .ja-button {
}

/* End job details */

/* Application form iframe (external app forms) */

.ja-apply-iframe iframe {
	width: 100%;
	height: 500px;
	border: none;
}

.ja-apply-iframe .apply {
	margin: 2em 0 0.5em 0;
	text-align: center;
}

.ja-apply-iframe .apply .back-link {
	font-size: 0.9em;
}

/* End application form iframe */

/* Application form */

.ja-job-apply .ja-success-text {
	
}

.ja-job-apply .ja-submit .back-link {
	font-size: 0.9em;
	margin-left: 1em;
}

/* End application form */

/* Powered by JobAdder */

.powered-by-jobadder {
	color: #bbb;
	font-size: 0.9em;
	text-align: center;
	margin: 2em 0 1em 0;
}

.powered-by-jobadder a {
	color: #bbb;
}

.powered-by-jobadder a:hover {
	color: #aaa;
}

.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font: normal 16px/32px Arial, Sans-Serif;
  color: black;
  border: 1px solid #ccc;
}

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #090b38;
  padding: 0 10px;
  color: white;
  transition: 0.2s;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 15px;
  right: 6px;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.styledSelect:hover {
  background-color: #090b38
}

.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #212529;
}

.options li:active {
  background-color: red;
}

.options li:hover {
  background-color: #39f;
  color: white;
      color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.options.open li.selected {
  background-color: #f8f9fa;
}

/* #hs_cos_wrapper_widget_1627618910917 h3{
  margin: 0 !important
} */
h3.jobadder-header {
  margin: 0 !important;
}

.no-jobs-content {
  visibility: hidden; /* Hides the original content */
  position: relative; /* Ensures the pseudo-element is positioned correctly */
}

.no-jobs-content::before {
  content: "There are currently no live roles for this Place office. Please view our career hubs to learn more about life at Place, or fill out the form below to get in touch with our talent team."; /* New text */
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 768px)  {
    .ja-job-list {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 20px; /* Adjust the gap as needed */
      margin-bottom: 3em;
    }
}

/* .ja-loading {
  display: none;
}

.ja-job-list-container > div:not(:first-child) {
  display: none;
} */

.ja-loading {
  display: none;
}
div.ja-job-list-container:first-of-type ~ * { display:none; }



/* End powered by JobAdder */