/*Filter*/
      .t-section--job-search-template #jobs-form input[type=text],
      .t-section--job-search-template #jobs-form input[type=email] {
         --bg-color: var(--color-white);
         --border-color: var(--color-ax-gray);
         --border-style: solid;
         --border-radius: var(--border-radius-default);
         --border-width: 1px;
         background: var(--bg-color);
         border: var(--border-width) var(--border-style) var(--border-color);
         border-radius: var(--border-radius);
         width: 100%;
         padding: var(--inset-space);
         margin-bottom: 0;
      }
   
      .t-section--job-search-template .pu-input__label {
         font-weight: normal;
         font-style: italic;
         font-size: .9em;
         --block-space-end: var(--space-comfy);
      }
   
      .t-section--job-search-template .filter-wrapper label {
         font-weight: normal;
      }
   
      .t-section--job-search-template ul.filter li input {
         margin: .3rem 0 0 -13px;
      }
   
      @media only screen and (min-width: 1000px) {
         .t-section--job-search-template ul.filter li input {
            margin-top: .4rem;
         }
      }
   
      @media only screen and (min-width: 1400px) {
         .t-section--job-search-template ul.filter li input {
            margin-top: .5rem;
         }
      }
   
      .t-section--job-search-template #jobs-form .count {
         color: var(--fg-color);
      }
   
      .t-section--job-search-template .filter-wrapper label {
         margin-left: .5em;
      }
   
      .t-section--job-search-template ul.filter li {
         margin-bottom: .4em;
      }
   
      .t-section--job-search-template ul.filter li:last-of-type {
         margin-bottom: 0em;
      }
   
   
      /*Send me jobs like these*/
	.t-section--job-search-template #job-mail-trigger::before {
    	font-size: 85%;
    	--text-decoration: none !important;
    	--content: var(--icon-email);
    	--display: inline-block;
    	--inline-space-end: var(--space-2xs);
    	text-decoration: var(--text-decoration);
    	content: var(--content);
    	display: var(--display);
    	margin-right: var(--inline-space-end);
	}

	.t-section--job-search-template #job-mail #job-mail-trigger {--link-color: var(--link-color-on-light); background: none;padding: 0;}
	.t-section--job-search-template #job-mail #job-mail-trigger:hover, .t-section--job-search-template #job-mail #job-mail-trigger:focus {--link-color-hoverfocus: var(--link-color-on-light-hoverfocus);}

	.g-recaptcha {margin-bottom: .75em;}

	.t-section--job-search-template #messages .error, .t-section--job-search-template .messages .error {
		--bg-color: var(--color-warning);
    	--fg-color: var(--fg-color-warning);
    	--border-color: var(--fg-color-warning);
		--border-radius: var(--alert-border-radius);
    	--border-style: solid;
    	--border-width: 1px;
    	--inset-space-block: var(--space-tight);
    	--inset-space-inline: var(--space-comfy);
    	background-color: var(--bg-color);
    	border: var(--border-width) var(--border-style) var(--border-color);
    	border-radius: var(--border-radius);
    	color: var(--fg-color);
   		padding: var(--inset-space-block) var(--inset-space-inline);
    	background-image: none;
    	font-weight: normal;
	}

	.t-section--job-search-template #messages .error::before, .t-section--job-search-template .messages .error::before {
    	content: "\e206";
    	margin-right: .4em;
	}

	.t-section--job-search-template #messages .success, .t-section--job-search-template .messages .success {
		--bg-color: var(--color-success);
    	--fg-color: var(--fg-color-success);
    	--border-color: var(--fg-color-success);
		--border-radius: var(--alert-border-radius);
    	--border-style: solid;
    	--border-width: 1px;
    	--inset-space-block: var(--space-tight);
    	--inset-space-inline: var(--space-comfy);
    	background-color: var(--bg-color);
    	border: var(--border-width) var(--border-style) var(--border-color);
    	border-radius: var(--border-radius);
    	color: var(--fg-color);
    	padding: var(--inset-space-block) var(--inset-space-inline);
    	background-image: none;
    	font-weight: normal;
	}

	.t-section--job-search-template #messages .success::before, .t-section--job-search-template .messages .success::before {
    	content: "\e204";
   		margin-right: .4em;
	}

		/*Search results*/
      .t-section--job-search-template #recent-jobs li,
      .t-section--job-search-template #search-results li,
	  .t-section--job-search-template #job-mail-content {
         --bg-color: var(--color-transparent-white-25);
         --border-color: var(--card-border-color);
         --border-radius: var(--card-border-radius);
         --border-style: solid;
         --border-width: var(--card-border-width);
         --box-shadow: none;
         --fg-color: currentColor;
         background: var(--bg-color);
         border: var(--border-width) var(--border-style) var(--border-color) !important;
         border-radius: var(--border-radius);
         box-shadow: var(--box-shadow);
         color: var(--fg-color);
         --inset-space-block: var(--space-comfy);
         --inset-space-inline: var(--space-comfy);
         padding-block: var(--inset-space-block);
         padding-inline: var(--inset-space-inline);
      }
   
      .t-section--job-search-template #recent-jobs ul,
      .t-section--job-search-template #search-results ul {
         --display: grid;
         --gap-space:
            var(--space-comfy);
         --grid-cols:
            repeat(auto-fit, minmax(var(--min-col), 1fr));
         --min-col: 18.25rem;
         display: var(--display);
         gap: var(--gap-space);
      }
   
      .t-section--job-search-template #recent-jobs ul,
      .t-section--job-search-template #search-results ul {
         --display: grid;
         --gap-space:
            var(--space-comfy);
         --grid-cols:
            repeat(auto-fit, minmax(var(--min-col), 1fr));
         --min-col: 18.25rem;
         display: var(--display);
         gap: var(--gap-space);
      }

.opening-date {
    display: inline-block;
}

.opening-date::after {
    content: "-";
    --font-stack:
    var(--font-stack-body-sans);
}

.opening-date h4 {
    --font-size: 100%;
    --font-style: normal;
    --font-stack:
    var(--font-stack-body-sans);
    --font-weight: 400;
    display:inline-block;
    margin: 0 .2em 0 0;
	font-stretch: normal;
}

.opening-date h4::before {
    font-size:85%;
    --content:var(--icon-clock);
    --display:inline;
    --inline-space-end:var(--space-2xs);
    content:var(--content);
    display:var(--display);
    margin-right:var(--inline-space-end);
     }

.opening-date h4::after {content: ":"}

.closing-date h4 {
    display: none;
}

.closing-date {
    display: inline-block;
}

.job-department {
    margin-bottom: 0.5em;
}

.job-department::before {
    font-size:90%;
    --content:var(--icon-building);
    --display:inline;
    --inline-space-end:var(--space-2xs);
    content:var(--content);
    display:var(--display);
    margin-right:var(--inline-space-end);
}

.job-department h4 {
    visibility: hidden;
    font-size: 0;
    display: inline-block;
}
   
      .t-section--job-search-template .button {
         --appearance: none;
         --bg-color: var(--button-color);
         --border-color: var(--button-color);
         --border-style: solid;
         --border-radius: var(--button-border-radius);
         --border-width: var(--button-border-width);
         --button-color: var(--button-color-default);
         --button-fg-color: var(--button-fg-color-default);
         --display: inline-block;
         --fg-color: var(--button-fg-color);
         --font-stack: var(--font-stack-button-sans);
         --font-size: var(--fixed-font-size-copy-md);
         --inset-space: var(--space-tight);
         --line-height: 1;
         --text-align: center;
         --text-decoration: none;
         --text-shadow: none;
         --transition-delay: var(--button-transition-delay);
         --transition-duration: var(--button-transition-duration);
         --transition-props: var(--button-transition-props);
         --transition-timing: var(--button-transition-timing);
         -webkit-appearance: var(--appearance);
         appearance: var(--appearance);
         background: var(--bg-color);
         border-color: var(--border-color);
         border-style: var(--border-style);
         border-width: var(--border-width);
         border-radius: var(--border-radius);
         color: var(--fg-color);
         display: var(--display);
         font-family: var(--font-stack);
         font-size: var(--font-size);
         line-height: var(--line-height);
         padding: var(--inset-space);
         text-align: var(--text-align);
         text-decoration: var(--text-decoration);
         text-shadow: var(--text-shadow);
         transition: var(--transition-props) var(--transition-duration) var(--transition-timing) var(--transition-delay);
         margin: 0em 0.5em 1em 0em;
         --font-size: var(--fixed-font-size-copy-xl);
         --inset-space: calc(var(--space-sm) + var(--space-3xs));
      }
   
      .t-section--job-search-template .more-link {
         margin-top: 2em;
      }
   
      .t-section--job-search-template .more-link,
      .t-section--job-search-template .employee-referral-link,
      .t-section--job-search-template .back-link {
         --bg-color: transparent !important;
         --button-fg-color: var(--button-color) !important;
      }
   
      .t-section--job-search-template .button:focus,
      .t-section--job-search-template .button:hover {
         --button-color: var(--button-color-default-hoverfocus);
         --transition-delay: var(--button-hoverfocus-transition-delay);
         --transition-duration: var(--button-hoverfocus-transition-duration);
         --transition-props: var(--button-hoverfocus-transition-props);
         --transition-timing: var(--button-hoverfocus-transition-timing);
         transition: var(--transition-props) var(--transition-duration) var(--transition-timing) var(--transition-delay);
      }
   
      .t-section--job-search-template .button.active,
      .t-section--job-search-template .button:active,
      .t-section--job-search-template .button:focus,
      .t-section--job-search-template .button:hover {
         --fg-color: var(--button-fg-color);
         background: var(--bg-color);
         border-color: var(--border-color);
         color: var(--fg-color);
         text-shadow: var(--text-shadow);
      }
   
      .t-section--job-search-template .more-link:active,
      .t-section--job-search-template .more-link:focus,
      .t-section--job-search-template .more-link:hover,
      .t-section--job-search-template .back-link:active,
      .t-section--job-search-template .back-link:focus,
      .t-section--job-search-template .back-link:hover,
      .t-section--job-search-template .employee-referral-link:active,
      .t-section--job-search-template .employee-referral-link:focus,
      .t-section--job-search-template .employee-referral-link:hover {
         --bg-color: var(--button-color) !important;
         --button-fg-color: var(--button-fg-color-default) !important;
      }
   
      .t-section--job-search-template .count::before {
         content: "(";
      }
   
      .t-section--job-search-template .count::after {
         content: ")";
      }
   
      /*Message*/
     .t-section--job-search-template .pup-card {
    	border: none;
    	box-shadow: none;
    	background-color: transparent;
	}
      .t-section--job-search-template .job-info {
         padding: 0;
      }

/*Social Media*/
.t-section--job-search-template .at-icon-wrapper.at-share-btn.at-svc-whatsapp {
    background-color: #1A8000 !important;
}

.t-section--job-search-template .at-icon-wrapper.at-share-btn.at-svc-link {
    background-color: #0A6ECD !important;
}