.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body.lth-dh2dh-jobs-fullwidth .td-main-sidebar,
body.lth-dh2dh-jobs-fullwidth .td-sidebar,
body.lth-dh2dh-jobs-fullwidth .td-pb-span4,
body.lth-dh2dh-jobs-fullwidth .sidebar,
body.lth-dh2dh-jobs-fullwidth .widget-area{
display:none!important;
}
body.lth-dh2dh-jobs-fullwidth .td-pb-span8,
body.lth-dh2dh-jobs-fullwidth .td-ss-main-content,
body.lth-dh2dh-jobs-fullwidth .td-main-content{
width:100%!important;
float:none!important;
margin-left:auto!important;
margin-right:auto!important;
}
.lth-jobs-page .td-a-rec,
.lth-jobs-page .td-adspot-title,
.lth-jobs-page .advads,
.lth-jobs-page .advads-wrapper,
.lth-jobs-page .google-auto-placed,
.lth-jobs-page [id*="advads"],
.lth-jobs-page [class*="advads"],
.lth-jobs-page [class*="ad-container"],
.lth-jobs-page [class*="advert"]{
display:none!important;
}
.lth-jobs-page{
--lth-green:#8cc63f;
--lth-green-dark:#5f9d2d;
--lth-black:#111;
--lth-line:#e4eadf;
--lth-soft:#f5f8f1;
width:100%;
max-width:1068px;
margin:28px auto 56px;
color:var(--lth-black);
font-family:Inter,Arial,sans-serif;
}
.lth-jobs-page *{box-sizing:border-box}
.lth-jobs-hero{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin:0 0 18px;
padding:30px;
border:1px solid var(--lth-line);
border-radius:8px;
background:linear-gradient(135deg,#fff 0%,var(--lth-soft) 100%);
}
.lth-jobs-hero span{
display:inline-flex;
margin:0 0 12px;
padding:7px 12px;
border-radius:999px;
background:rgba(140,198,63,.14);
border:1px solid rgba(140,198,63,.28);
color:var(--lth-green-dark);
font-size:12px;
font-weight:900;
text-transform:uppercase;
}
.lth-jobs-hero h1{
margin:0 0 10px;
font-size:clamp(34px,4.8vw,64px);
line-height:1;
letter-spacing:0;
color:#111;
}
.lth-jobs-hero p{
max-width:900px;
margin:0;
color:#3f3f3f;
font-size:18px;
line-height:1.45;
}
.lth-jobs-hero .lth-jobs-hero-criteria{
margin-top:10px;
color:#111;
font-size:16px;
font-weight:900;
}
.lth-jobs-hero .lth-jobs-hero-publish{
display:inline-flex;
align-items:center;
justify-content:center;
max-width:none;
margin-top:14px;
padding:9px 13px;
border-radius:999px;
background:#111;
color:#fff!important;
font-size:15px;
font-weight:900;
text-decoration:none!important;
}
.lth-jobs-hero > a{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:11px 18px;
border-radius:999px;
background:#111;
color:#fff!important;
text-decoration:none!important;
font-weight:900;
}
.lth-jobs-map-wrap{
width:100%;
margin:0 0 18px;
border:1px solid var(--lth-line);
border-radius:8px;
overflow:hidden;
background:#fff;
box-shadow:0 14px 34px rgba(17,17,17,.05);
}
.lth-jobs-map{
width:100%;
height:330px;
min-height:330px;
background:#eaf2f4;
}
.lth-jobs-map-note{
padding:10px 14px;
border-top:1px solid var(--lth-line);
color:#555;
font-size:12px;
font-weight:700;
background:#fff;
}
.lth-jobs-searchbar{
margin:0 0 18px;
padding:18px;
border:1px solid var(--lth-line);
border-radius:8px;
background:#fff;
box-shadow:0 14px 34px rgba(17,17,17,.05);
}
.lth-jobs-searchbar-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin:0 0 14px;
}
.lth-jobs-searchbar h2{
margin:0;
color:#111;
font-size:24px;
line-height:1.15;
}
.lth-jobs-status{
flex:0 0 auto;
padding:9px 12px;
border-radius:999px;
background:var(--lth-soft);
color:#333;
font-size:13px;
font-weight:800;
}
.lth-jobs-filters{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;
column-gap:14px!important;
row-gap:12px!important;
align-items:end;
overflow:hidden;
}
.lth-jobs-filters label{
display:flex;
flex-direction:column;
gap:6px;
overflow:hidden!important;
width:auto!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
float:none!important;
clear:none!important;
}
.lth-jobs-filters span{
color:#222;
font-size:12px;
font-weight:900;
}
.lth-jobs-filters input,
.lth-jobs-filters select{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:42px!important;
margin:0!important;
padding:9px 12px!important;
border:2px solid #c8d8bf;
border-radius:8px;
background:#f7faf4;
color:#111;
font:inherit;
font-size:13px;
outline:0;
box-sizing:border-box!important;
}
.lth-jobs-filters input:focus,
.lth-jobs-filters select:focus{
border-color:var(--lth-green-dark);
background:#fff;
box-shadow:0 0 0 3px rgba(140,198,63,.2);
}
.lth-jobs-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.lth-job-card{
display:grid;
grid-template-columns:54px minmax(0,1fr);
gap:14px;
min-height:100%;
padding:16px;
border:1px solid var(--lth-line);
border-radius:8px;
background:#fff;
box-shadow:0 10px 24px rgba(17,17,17,.04);
transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.lth-job-card:hover{
transform:translateY(-1px);
border-color:#b7d7a2;
box-shadow:0 12px 26px rgba(17,17,17,.07);
}
.lth-job-logo{
display:grid;
place-items:center;
width:54px;
height:54px;
border-radius:8px;
background:#e9f5de;
color:var(--lth-green-dark);
font-size:20px;
font-weight:1000;
}
.lth-job-content h3{
margin:0 0 8px;
color:#111;
font-size:19px;
line-height:1.18;
}
.lth-job-meta{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:0 0 9px;
}
.lth-job-meta span{
display:inline-flex;
align-items:center;
min-height:25px;
padding:4px 8px;
border-radius:999px;
background:#f0f5eb;
color:#333;
font-size:12px;
line-height:1.2;
}
.lth-job-content p{
margin:0 0 12px;
color:#4a4a4a;
font-size:14px;
line-height:1.45;
}
.lth-job-content a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:8px 13px;
border-radius:999px;
background:var(--lth-green);
color:#111!important;
font-size:13px;
font-weight:900;
text-decoration:none!important;
}
.lth-jobs-marker{
display:grid;
place-items:center;
border-radius:999px;
background:#111;
border:4px solid rgba(140,198,63,.45);
color:#fff;
box-shadow:0 8px 18px rgba(17,17,17,.25);
}
.lth-jobs-marker span{
display:grid;
place-items:center;
width:26px;
height:26px;
font-size:18px;
font-weight:900;
line-height:1;
}
.lth-jobs-empty{
grid-column:1/-1;
padding:18px;
border:1px solid var(--lth-line);
border-radius:8px;
background:var(--lth-soft);
color:#333;
font-weight:800;
}
.lth-latest-jobs-column{
--lth-green:#8cc63f;
--lth-green-dark:#5f9d2d;
--lth-line:#e4eadf;
--lth-soft:#f5f8f1;
width:100%;
margin:0;
padding:14px 16px;
border:1px solid var(--lth-line);
border-radius:8px;
background:#fff;
box-shadow:0 8px 18px rgba(17,17,17,.04);
color:#111;
font-family:Inter,Arial,sans-serif;
box-sizing:border-box;
}
.lth-latest-jobs-column *{
box-sizing:border-box;
}
.lth-latest-jobs-head{
margin:0 0 10px;
}
.lth-latest-jobs-head span{
display:inline-flex;
margin:0 0 7px;
padding:5px 9px;
border:1px solid rgba(140,198,63,.28);
border-radius:999px;
background:rgba(140,198,63,.14);
color:var(--lth-green-dark);
font-size:11px;
font-weight:900;
line-height:1;
text-transform:uppercase;
}
.lth-latest-jobs-head h2{
margin:0;
color:#111;
font-size:19px;
line-height:1.12;
letter-spacing:0;
}
.lth-latest-jobs-list{
display:grid;
gap:6px;
}
.lth-latest-job{
margin:0;
padding:0;
}
.lth-latest-job a{
position:relative;
display:block;
padding:0 0 0 15px;
border:0;
border-radius:0;
background:transparent;
text-decoration:none!important;
transition:color .16s ease;
}
.lth-latest-job a:before{
content:"★";
position:absolute;
left:0;
top:1px;
color:var(--lth-green-dark);
font-size:9px;
line-height:1.4;
}
.lth-latest-job a:hover{
color:var(--lth-green-dark);
}
.lth-latest-job strong{
display:block;
margin:0 0 2px;
color:#111;
font-size:14px;
line-height:1.18;
font-weight:900;
}
.lth-latest-job span{
display:block;
color:#5b5b5b;
font-size:11px;
line-height:1.25;
}
.lth-latest-jobs-empty{
margin:0 0 12px;
color:#444;
font-size:14px;
line-height:1.4;
}
.lth-latest-jobs-more{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:12px;
min-height:34px;
padding:8px 12px;
border-radius:999px;
background:#111;
color:#fff!important;
font-size:12px;
font-weight:900;
text-decoration:none!important;
}
@media(max-width:980px){
.lth-jobs-list{grid-template-columns:1fr}
.lth-jobs-filters{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
.lth-jobs-page{width:100%;margin-top:18px}
.lth-jobs-hero{display:block;padding:22px}
.lth-jobs-hero a{margin-top:18px;width:100%}
.lth-jobs-map{height:320px;min-height:320px}
.lth-jobs-searchbar-head{display:block}
.lth-jobs-status{display:block;margin-top:10px;border-radius:8px}
.lth-jobs-filters,.lth-jobs-list{grid-template-columns:1fr}
.lth-job-card{grid-template-columns:1fr}
.lth-job-logo{width:48px;height:48px}
}