@font-face {
font-family: 'icomoon';
src: url(//www.acsi.eu/wp-content/themes/acsi_eu/public/jobs-icon/icomoon.eot?9vme5s);
src: url(//www.acsi.eu/wp-content/themes/acsi_eu/public/jobs-icon/icomoon.eot?9vme5s#iefix) format('embedded-opentype'),
url(//www.acsi.eu/wp-content/themes/acsi_eu/public/jobs-icon/icomoon.ttf?9vme5s) format('truetype'),
url(//www.acsi.eu/wp-content/themes/acsi_eu/public/jobs-icon/icomoon.woff?9vme5s) format('woff'),
url(//www.acsi.eu/wp-content/themes/acsi_eu/public/jobs-icon/icomoon.svg?9vme5s#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-1:before {
content: "\e900";
}
.icon-2:before {
content: "\e901";
}
.icon-3:before {
content: "\e902";
}
.icon-4:before {
content: "\e903";
}
.icon-5:before {
content: "\e904";
}
.icon-6:before {
content: "\e905";
}
.icon-7:before {
content: "\e906";
}
.icon-8:before {
content: "\e907";
}
.icon-9:before {
content: "\e908";
}
.icon-10:before {
content: "\e909";
}
.icon-11:before {
content: "\e90a";
}
.icon-12:before {
content: "\e90b";
}
.icon-13:before {
content: "\e90c";
}
.icon-14:before {
content: "\e90d";
}
.icon-15:before {
content: "\e90e";
}
.icon-16:before {
content: "\e90f";
}
.icon-17:before {
content: "\e910";
}
.icon-18:before {
content: "\e911";
}
.icon-19:before {
content: "\e912";
}
.icon-20:before {
content: "\e913";
}
.icon-21:before {
content: "\e914";
}
.icon-22:before {
content: "\e915";
}
.icon-23:before {
content: "\e916";
}
.icon-24:before {
content: "\e917";
}
.icon-25:before {
content: "\e918";
}
.icon-26:before {
content: "\e919";
}
.icon-27:before {
content: "\e91a";
}
.icon-28:before {
content: "\e91b";
}
.icon-29:before {
content: "\e91c";
}
.icon-30:before {
content: "\e91d";
}
.icon-31:before {
content: "\e91e";
}
.icon-32:before {
content: "\e91f";
}
.icon-33:before {
content: "\e920";
}
.icon-34:before {
content: "\e921";
}
.icon-35:before {
content: "\e922";
}
.icon-36:before {
content: "\e923";
}
.icon-37:before {
content: "\e924";
}
.icon-38:before {
content: "\e925";
}
.icon-39:before {
content: "\e926";
}
.icon-40:before {
content: "\e927";
}
.icon-41:before {
content: "\e928";
}
.icon-42:before {
content: "\e929";
}
.icon-43:before {
content: "\e92a";
}
.icon-44:before {
content: "\e92b";
}
.icon-45:before {
content: "\e92c";
}
.icon-46:before {
content: "\e92d";
}
.icon-47:before {
content: "\e92e";
}
.icon-48:before {
content: "\e92f";
}
.icon-49:before {
content: "\e930";
}
.icon-50:before {
content: "\e931";
}
.icon-51:before {
content: "\e932";
}
.icon-52:before {
content: "\e933";
}
.icon-53:before {
content: "\e934";
}
.icon-54:before {
content: "\e935";
}
.icon-55:before {
content: "\e936";
}
.icon-56:before {
content: "\e937";
}
.icon-57:before {
content: "\e938";
}
.icon-58:before {
content: "\e939";
}
.icon-59:before {
content: "\e93a";
}
.icon-60:before {
content: "\e93b";
}
.icon-61:before {
content: "\e93c";
}
.icon-62:before {
content: "\e93d";
}
.icon-63:before {
content: "\e93e";
}
.icon-64:before {
content: "\e93f";
}
.icon-65:before {
content: "\e940";
}
.icon-66:before {
content: "\e941";
}
.icon-67:before {
content: "\e942";
}
.icon-68:before {
content: "\e943";
}
.icon-69:before {
content: "\e944";
}
.icon-70:before {
content: "\e945";
}
.icon-71:before {
content: "\e946";
}
.icon-72:before {
content: "\e947";
}
.icon-73:before {
content: "\e948";
}
.icon-74:before {
content: "\e949";
}
.icon-75:before {
content: "\e94a";
}
.icon-76:before {
content: "\e94b";
}
.icon-77:before {
content: "\e94c";
}
.icon-78:before {
content: "\e94d";
}
.icon-79:before {
content: "\e94e";
}
.icon-80:before {
content: "\e94f";
}
.icon-81:before {
content: "\e950";
}
.icon-82:before {
content: "\e951";
}
.icon-83:before {
content: "\e952";
}
.icon-84:before {
content: "\e953";
}
.icon-85:before {
content: "\e954";
}
.icon-86:before {
content: "\e955";
}
.icon-87:before {
content: "\e956";
}
.icon-88:before {
content: "\e957";
}
.icon-89:before {
content: "\e958";
}
.icon-90:before {
content: "\e959";
}
.icon-91:before {
content: "\e95a";
}
.icon-92:before {
content: "\e95b";
}
.icon-93:before {
content: "\e95c";
}
.icon-94:before {
content: "\e95d";
}
.icon-95:before {
content: "\e95e";
}
.icon-96:before {
content: "\e95f";
}
.icon-97:before {
content: "\e960";
}
.icon-98:before {
content: "\e961";
}
.icon-99:before {
content: "\e962";
}
.icon-100:before {
content: "\e963";
}
.icon-101:before {
content: "\e964";
}
.icon-102:before {
content: "\e965";
}
.icon-103:before {
content: "\e966";
}
.icon-104:before {
content: "\e967";
}
.icon-105:before {
content: "\e968";
}
.icon-106:before {
content: "\e969";
}
.icon-107:before {
content: "\e96a";
}
.icon-108:before {
content: "\e96b";
}
.icon-109:before {
content: "\e96c";
}
.icon-110:before {
content: "\e96d";
}
.icon-111:before {
content: "\e96e";
}
.icon-112:before {
content: "\e96f";
}
.icon-113:before {
content: "\e970";
}
.icon-114:before {
content: "\e971";
}
.icon-210:before {
content: "\e972";
}
.icon-115:before {
content: "\e973";
}
.icon-116:before {
content: "\e974";
}
.icon-117:before {
content: "\e975";
}
.icon-118:before {
content: "\e976";
}
.icon-119:before {
content: "\e977";
}
.icon-120:before {
content: "\e978";
}
.icon-121:before {
content: "\e979";
}
.icon-122:before {
content: "\e97a";
}
.icon-123:before {
content: "\e97b";
}
.icon-124:before {
content: "\e97c";
}
.icon-125:before {
content: "\e97d";
}
.icon-126:before {
content: "\e97e";
}
.icon-127:before {
content: "\e97f";
}
.icon-128:before {
content: "\e980";
}
.icon-129:before {
content: "\e981";
}
.icon-130:before {
content: "\e982";
}
.icon-131:before {
content: "\e983";
}
.icon-132:before {
content: "\e984";
}
.icon-133:before {
content: "\e985";
}
.icon-134:before {
content: "\e986";
}
.icon-135:before {
content: "\e987";
}
.icon-136:before {
content: "\e988";
}
.icon-137:before {
content: "\e989";
}
.icon-138:before {
content: "\e98a";
}
.icon-139:before {
content: "\e98b";
}
.icon-140:before {
content: "\e98c";
}
.icon-141:before {
content: "\e98d";
}
.icon-142:before {
content: "\e98e";
}
.icon-143:before {
content: "\e98f";
}
.icon-144:before {
content: "\e990";
}
.icon-145:before {
content: "\e991";
}
.icon-146:before {
content: "\e992";
}
.icon-147:before {
content: "\e993";
}
.icon-148:before {
content: "\e994";
}
.icon-149:before {
content: "\e995";
}
.icon-150:before {
content: "\e996";
}
.icon-169:before {
content: "\e997";
}
.icon-170:before {
content: "\e998";
}
.icon-171:before {
content: "\e999";
}
.icon-172:before {
content: "\e99a";
}
.icon-twitter:before {
content: "\ea96";
}
.icon-linkedin2:before {
content: "\eaca";
}
.icon-pinterest2:before {
content: "\ead2";
} .jobs-column-text {
padding-top: 65px;
padding-left: 55px;
}
.jobs-editor p {
margin-top: 25px;
line-height: 32px;
font-size: 18px;
margin-bottom: 25px;
}
.jobs-editor .wp-block-button__link {
margin-top: 25px;
background: #FCC350;
color: #000000;
border-radius: 6px;
}
.jobs-editor .wp-block-button__link:hover {
background-color: #fbce73;
}
.jobs-background-lightbrown {
background-color: #F1EFEB;
}
.acsi-weetjes-icons {
padding: 25px 0;
font-size: 70px;
}
.featured-jobs {
background-color: #F1EFEB;
display: inherit;
padding: 35px 55px 55px 55px;
}
.featured-jobs > div > ul > li > div > .job-breadcrums {
padding-bottom: 50px;
}
.col-fj-3 {
max-width: 1200px;
margin: auto auto;
}
.featured-jobs .col-fj-3 h2 {
text-align: center;
}
.featured-jobs .col-fj-3 .blocks .block {
padding: 15px;
}
.featured-jobs-showcase {
background-color: #fff;
}
.featured-jobs-showcase img {
width: 100%;
height: 200px;
}
.featured-job-image {
width: 100%;
height: 200px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.feature-job-description {
padding: 22px;
}
.fj-product-name {
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
color: #007228;
}
.featured-job-title {
font-family: 'Stag';
margin-top: 13px;
font-weight: 500;
font-size: 28px;
letter-spacing: 0.04em;
}
.featured-jobs-icons {
margin-top: 13px;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #707070;
line-height: 22px !important;
}
.in-icon-title {
margin-left: 5px;
margin-right: 12px;
}
.in-icon-title-second {
margin-left: -7px;
margin-right: 12px;
}
.featured-jobs-button {
padding: 12px 25px;
background: #FCC350;
border-radius: 6px;
text-align: center;
width: fit-content;
margin-top: 25px;
}
.featured-jobs-button:hover {
background-color: #fbce73;
}
.take-to-vacancies {
text-align: center;
margin: 15px 0 5px 0;
}
.take-to-vacancies a {
color: #1276B3;
}
.jobs-page-title-header {
width: 100%;
height: 250px;
background-repeat: no-repeat, repeat;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.jobs-page-title-header h1 {
color: #FFFFFF;
text-align: center;
top: 36%;
position: relative;
z-index: 1;
}
.jobs-page-title-header-layer {
background-color: #000000;
position: relative;
top: -66px;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
}
.show-HR-container {
padding: 35px 15px 50px 15px;
}
.HR-page-content {
margin-left: 10px;
}
.HR-page-content p {
margin-bottom: 10px;
}
.job-breadcrums {
color: #1276B3;
font-size: 14px;
line-height: 22px;
}
.job-breadcrums a {
text-decoration: underline;
}
.job-breadcrums span {
color: #000000;
font-weight: 500;
}
.show-HR-container h2 {
margin-top: 40px;
}
.show-all-HRS {
margin-top: 30px;
margin-bottom: 50px;
}
.HR-container {
background-color: #F1EFEB;
text-align: center;
padding: 30px 30px 15px 30px;
}
.HR-container img {
width: 250px;
height: 250px;
margin: auto;
border-radius: 130px;
}
.HR-container h3 {
margin-top: 20px;
}
.HR-container h4 {
font-weight: 400;
font-size: 18px;
margin-top: 3px;
margin-bottom: 25px;
}
.HR-contact {
color: #007228;
font-weight: 500;
font-size: 18px;
border-top: 1px solid #CCCCCC;
padding: 18px;
margin: auto;
}
.hr-blank-field-color {
height: 25px;
}
.single-testimonial {
justify-content: inherit;
background-color: #ffffff;
width: 100%;
font-size: 15px; }
.single-testimonial li:nth-child(1) {
max-width: 60%;
padding: 0 !important;  }
.single-testimonial-image {
width: 100%;
height: 100%;
background-repeat: no-repeat, repeat;
background-position: center;
background-repeat: no-repeat;
background-size: cover;  }
.single-testimonial li:nth-child(2) {
max-width: 40%;
padding: 0 !important;  }
.single-testimonial-content {
padding: 10px 25px 15px 25px;
}
.testimonial-block-button {
padding: 12px 25px;
background: #FCC350;
border-radius: 6px;
text-align: center;
width: 300px;
margin: 30px auto 5px auto;
}
.testimonial-block-button:hover {
background-color: #fbce73;
}
.single-testimonial-content .icon {
color: #007228;
text-align: center;
}
.stc-author {
margin-top: 15px;
}
.stc-author span {
font-weight: 600;
}
.stc-read-more {
color: #1276B3;
margin-top: 15px;
}
.double-testimonial {
font-size: 15px;
}
.double-testimonial li {
max-width: 50% !important;
}
.double-testimonial-bg-white {
background-color: #ffffff;
height: 100%;
}
.double-testimonial-image {
float: left;
width: 50%;
height: 100%;
background-repeat: no-repeat, repeat;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.double-testimonial-content {
float: right;
width: 50%;
padding: 0 20px 20px 20px;
}
.double-testimonial-content .icon {
color: #007228;
text-align: center;
}
.double-testimonial-content .icon span:before {
font: 51px/110px "icons";
}
.double-testimonial-content .stc-content {
margin-top: -10px;
}
.job-single-post-banner {
width: 100%;
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.job-page-block {
background-color: initial;
}
.job-page-container-right {
background-color: #F1EFEB;
padding: 25px 15px 25px 15px;
text-align: center;
}
.job-page-container-right img {
margin: auto;
width: 200px;
height: auto;
border-radius: 100%;
}
.job-page-container-right h3 {
margin: 15px 0;
}
.job-page-container-right .job-designation {
margin: 15px 0 10px 0;
}
.job-page-block .col-fj-3 .blocks .block:nth-child(1) {
max-width: 70%;
}
.job-page-block .col-fj-3 .blocks .block:nth-child(2) {
max-width: 30%;
}
.job-page-header h3 {
color: #007228;
text-transform: uppercase;
}
.job-page-header h1 {
margin-top: 10px;
font-family: 'Stag';
font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 60px;
letter-spacing: 0.04em;
}
.job-icon {
margin-bottom: 50px;
}
.job-icon i, .job-icon span {
font-size: 14px;
}
.job-page-block .col-fj-3 h2 {
text-align: left;
}
.inpage-testimonial {
background-color: initial;
padding: 0;
padding-left: 5px;
box-shadow: 0px 0px 5px 3px #f1efeb;
margin-top: 45px;
display: block; }
.inpage-testimonial div ul li:nth-child(2) div .icon span:before {
font: 51px/90px "icons";
}
.featured-jobs h2 {
margin-top: 0 !important;
margin-bottom: 25px !important;
font-size: 42px;
}
.inpage-single-testimonial div h2 {
margin-bottom: 35px !important;
}
.inpage-single-testimonial a .testimonial-block-button {
margin-top: 40px;
}
.single-inpage-editor h1, .single-inpage-editor h2, .single-inpage-editor h3, .single-inpage-editor h4, .single-inpage-editor h5, .single-inpage-editor h6 {
margin-top: 50px !important;
margin-bottom: 15px !important;
}
.job-post-editor h2 {
font-size: 33px;
}
.medewerker-job-editor h2 {
font-size: 33px;
}
.jobs-editor .wp-block-embed {
margin-top: 40px;
margin-bottom: -5px;
}
.jobs-editor p .lazy-loaded {
margin-top: -15px;
width: 100%;
}
.jobs-editor > ul {
margin-left: 12px;
}
.jobs-editor > ul > li {
margin-bottom: 15px;
position: relative;
padding-left: 20px;
line-height: 25px;
}
.jobs-editor > ul > li::after {
content: '.';
position: absolute;
left: -4px;
font-weight: bold;
font-size: 45px;
top: -13px;
color: #007228;
}
.jobs-editor .blocks {
margin: -10px -5px 0;
}
.jobs-editor .blocks li {
list-style: none !important;
margin-bottom: 0;
}
.single-job-page {
background-color: initial;
}
.job-apply-now-container {
border: 1px solid #ccc;
padding: 15px;
margin-bottom: 30px;
}
.job-apply-now-container > a > .featured-jobs-button {
width: 100%;
margin: auto;
margin-top: 20px;
margin-bottom: 15px;
}
.hr-injob {
padding-top: 20px;
border-radius: 6px;
}
.hr-injob-tagling {
margin-bottom: 30px !important;
}
.job-social-media {
width: 40px;
top: 300px;
position: fixed;
right: 0;
}
.sm-right-float { }
.jsm-facebook {
background-color: #3b5998;
}
.jsm-facebook a i:before {
font: 20px/0px icons;
color: #fff;
}
.jsm-twitter {
background-color: #55acee;
color: #fff;
}
.jsm-linkedin {
background-color: #0e76a8;
color: #fff;
}
.jsm-pinterest {
background-color: #bd081c;
color: #fff;
}
.jsm-email {
background-color: #bbb;
color: #fff;
}
.jsm-facebook, .jsm-twitter, .jsm-linkedin, .jsm-pinterest, .jsm-email {
font-size: 20px;
padding: 7px 10px 4px 10px;
}
.col-jl-12 {
width: 1200px;
margin: auto;
}
.job-listing-block {
padding: 35px 45px 50px 35px;
}
.jm-image {
min-width: 34.25%;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.job-medewerkers-datalist > time {
font-size: 17px !important;
}
.job-medewerkers-datalist > h3 {
color: #007228;
text-transform: uppercase;
}
.job-medewerkers-datalist > h2 {
margin-top: 10px;
margin-bottom: 15px;
}
.job-medewerkers-datalist > p {
line-height: 32px;
font-size: 18px; display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.job-medewerkers-datalist > div {
color: #1276B3;
}
.job-medewerkers-datalist > div > .rm-text {
text-decoration: underline;
}
.job-data-listing {
margin-top: 50px;
}
.job-highlights {
margin-top: -5px;
margin-bottom: 15px;
color: #707070 !important;
text-transform: uppercase;
font-size: 14px;
}
.job-highlights span {
margin-left: 10px;
}
.job-highlights i, .job-highlights span {
font-size: 14px;
}
.job-filter-options-and-clean {
overflow: hidden;
}
.job-filter-options {
float: left;
}
.clean-job-filter {
float: right;
margin-top: 25px;
margin-right: 20px;
}
.clean-job-filter a {
color: #217EB7;
text-decoration: underline;
}
.totalJobsCount {
padding: 25px;
}
.job-featured-yellow > a > article {
background-color: #FCC350;
}
.job-featured-yellow > a > article:hover {
background-color: #fbce73;
}
.job-featured-yellow > a > article > div > .job-highlights {
color: #333333 !important;
}
.job-search-filter-textbased-container {
background-color: #007228;
padding: 27px 25px 30px 25px;
}
.job-search-filter-textbased-container h3 {
color: #FFFFFF;
margin-bottom: 12px;
}
.job-search-fields > li {
display: inline;
}
.searchWithJobKeyword {
padding: 13px 20px 10px 20px;
width: 400px;
height: 43px;
color: #707070;
font-size: 14px;
border: none;
border-radius: 0;
float: left;
}
.werken-search-job-keyword {
padding: 13px 20px 10px 20px;
width: 400px;
height: 43px;
color: #707070;
font-size: 14px;
border: none;
border-radius: 0;
float: left;
}
#searchWithJobVakgebied {
padding: 13px 20px 10px 20px;
width: 35%;
border-radius: 0;
margin-left: 11px;
color: #707070;
font-size: 14px;
border: none;
background-color: #ffffff;
appearance: none;
}
.job-category-div-container, .werken-job-category-div-container {
width: 400px;
margin-left: 11px;
float: left;
}
.job-category-div, .werken-job-category-div {
padding: 14px 20px 10px 20px;
color: #707070;
font-size: 14px;
background-color: #ffffff;
cursor: pointer;
z-index: 1;
position: relative;
}
#job-category-div {
z-index: 2;
}
.job-category-div-dropdown, .werken-job-category-div-dropdown {
width: 400px;
display: none;
position: absolute; box-shadow: 0px 0px 8px 0px rgb(0, 0, 0, 0.1);
}
#job-category-div-dropdown {
z-index: 1;
}
.job-category-option, .werken-job-category-option {
font-size: 14px;
background-color: #ffffff;
border-top: 1px solid #e2e2e2;
padding: 14px 20px 10px 20px;
cursor: pointer;
}
.job-category-option:hover, .werken-job-category-option:hover {
background-color: #FCC350;
}
#job-cat-icon {
float: right;
margin-top: 3px;
color: #007228;
}
.search-job-button {
padding: 13px 20px 10px 20px;
background-color: #FCC350;
border: none;
border-radius: 6px;
height: 43px;
margin-left: 10px;
font-size: 14px;
cursor: pointer;
-webkit-appearance: none;
}
.search-job-button:hover {
background-color: #fbce73;
}
.werken-search-job-button {
padding: 12px 20px 10px 20px;
background-color: #FCC350;
border: none;
border-radius: 6px;
height: 43px;
margin-left: 10px;
font-size: 16px;
cursor: pointer;
-webkit-appearance: none;
font-weight: normal;
}
.werken-search-job-button:hover {
background-color: #fbce73;
}
.home-job-filter-block {
width: 100%;
height: 500px;
background-repeat: no-repeat, repeat;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.home-job-filter-block h1 {
color: #FFFFFF;
text-align: center;
position: relative;
z-index: 1;
font-family: 'Stag';
font-weight: 300;
letter-spacing: 0.04em;
font-size: 60px;
top: 30%;
}
.home-job-filter-block-layer {
background-color: #000000;
position: relative;
top: -300px;
left: 0;
width: 100%;
height: 150%;
opacity: 0.5;
}
.job-search-filter-home {
z-index: 1;
position: relative;
width: 1060px;
margin: auto;
top: 35%;
}
.job-search-filter-home > form > ul > li > .searchWithJobKeyword, .job-search-filter-home > form > ul > li > #searchWithJobVakgebied { }
.job-filter-link {
margin-top: 20px;
}
.job-filter-link a {
color: #ffffff;
text-decoration: underline;
}
.jobs-background-white > div > div > div > .wp-block-columns, .jobs-background-lightbrown > div > div > div > .wp-block-columns {
margin-bottom: 0;
}
.in-editor-section-padding {
padding-top: 15px;
padding-bottom: 15px;
}
.in-editor-section-padding-lightbrown {
padding-top: 50px;
padding-bottom: 20px;
background-color: #F1EFEB;
}
.job-section-top {
margin-top: 35px;
}
.job-apply-now-form-bg-layer {
opacity: 0.5;
background: #000;
width: 100%;
height: 100%;
z-index: 11;
top: 0;
position: fixed;
}
.job-apply-now-form {
z-index: 12;
background-color: #ffffff;
position: fixed;
width: 500px;
top: 20%;
left: 50%;
margin-top: -100px;
margin-left: -250px;
padding: 25px;
overflow: auto;
height: 92%;
}
.job-apply-now-mail-sent {
z-index: 12;
background-color: #ffffff;
position: fixed;
width: 500px;
top: 25%;
left: 50%;
margin-top: -100px;
margin-left: -250px;
overflow: auto;
}
.job-apply-now-form h2 {
font-family: 'Open Sans';
font-weight: 700;
font-size: 24px;
line-height: 33px;
margin-bottom: 20px;
letter-spacing: 0 !important;
}
.jfb-title {
margin-bottom: 5px;
margin-top: 25px;
}
.jfb-title span {
color: #707070;
}
.jfb-input input {
padding: 15px;
border-radius: 6px;
font-size: 16px;
width: 100%;
border: 1px solid #CCCCCC;
}
.jfb-input input:focus {
border: 1px solid #007228;
}
.jfb-input textarea {
width: 100%;
height: 150px;
padding: 10px;
font-size: 16px;
border: 1px solid #CCCCCC;
}
.jfb-input textarea:focus {
border: 1px solid #007228;
}
.jfb-input select {
border-radius: 6px;
font-size: 16px;
width: 100%;
border: 1px solid #CCCCCC;
}
.jfb-input select:focus {
border: 1px solid #007228;
}
.job-apply-now-open {
display: none;
}
.job-apply-now-close {
float: right;
}
.job-prefilled-fields {
display: none;
}
.job-field-block .wpcf7-submit {
background-color: #FCC350;
padding: 15px 20px 14px 20px;
font-size: 16px;
border-radius: 6px;
margin-bottom: 25px;
} .codedropz-upload-container {
padding: 25px 30px 25px 30px;
}
.codedropz-upload-inner {
text-align: left;
}
.codedropz-upload-inner h3 {
display: none;
}
.codedropz-upload-inner span {
display: none;
}
.codedropz-btn-wrap .cd-upload-btn {
color: #217EB7;
font-weight: 500;
}
.codedropz-btn-wrap::after {
content: " of sleep je bestanden hier in.";
}
.dnd-upload-counter {
display: none;
}
.dnd-icon-remove:after {
background-image: none !important;
font-family: 'icomoon' !important;
content: '\e931' !important;
}
.file-validation-message {
color: #E47273;
margin-top: -6px;
font-size: 16px;
display: none;
} .job-field-block > .jfb-input > span > .wpcf7-not-valid {
border: 1px solid #E47273;
}
.job-field-block > .jfb-input > div {
float: right;
z-index: 0;
color: #E47273;
font-size: 18px;
display: none;
}
.job-field-block > .jfb-input > .aFullName-invalid, .job-field-block > .jfb-input > .jAEmail-invalid, .job-field-block > .jfb-input > .jTNumber-invalid {
display: block !important;
margin-top: -60px;
position: relative;
margin-right: 10px;
}
.job-field-block > .jfb-input > span > .wpcf7-not-valid-tip {
background: none;
color: #E47273;
margin-top: 0;
padding: 0;
border-radius: 0;
font-size: 16px;
}
.job-field-block > .jfb-input > span > .wpcf7-not-valid-tip:after {
bottom: 0;
left: 0;
border: none;
content: "";
height: 0;
width: 0;
pointer-events: none;
border-width: 0;
}
.job-apply-now-form > div > form > .wpcf7-response-output {
display: none !important;
}
.jobs-mfile-upload > span > div > .complete {
margin-bottom: 5px;
}
.job-mail-success {
display: none;
}
.job-apply-thanks li .icon-115 {
font-weight: 500;
font-size: 55px;
float: left;
margin-top: 10px;
margin-right: 15px;
}
.job-apply-thanks li {
background-color: #007228;
color: #ffffff;
font-weight: 600;
font-size: 21px;
line-height: 33px;
padding: 42px;
}
.job-mail-success-content {
padding: 30px;
font-size: 17px;
}
.job-mail-success-content p {
margin-bottom: 20px;
}
.job-mail-success-close div {
background-color: #FCC350;
width: 191px;
padding: 12px 25px 12px 25px;
margin: auto;
margin-top: 30px;
border-radius: 6px;
}
.job-apply-now-close-mail-sent-button {
margin: 10px 10px 0 0;
color: #ffffff;
}
.h2-50px {
font-size: 50px;
}
.job-term-button {
font-size: 18px;
}
.job-term-label {
margin-right: 30px !important;
}
.highlight-selection {
background-color: #007228;
color: #ffffff;
margin-left: 8px;
padding: 2px 9px 2px 9px;
border-radius: 100%;
}
.count-cir {
padding: 2px 9px 2px 8px;
font-size: 16px;
}
.solliciteer-top {
display: none;
}
.job-image-caption {
color: #707070;
}
.medewerker-job-editor p {
line-height: 32.4px;
font-size: 18px;
}
.job-right-card {
margin-top: 62px;
width: 100%;
border-radius: 6px;
}
.job-card-top {
display: none;
}
.job-medewerkers-datalist > .published {
display: none;
}
.vaccature-mobile {
display: none;
}
.jobs-h2-line-height {
line-height: 50px;
}
.job-editor-bullets {
margin-left: 5px;
}
.job-editor-bullets > li {
position: relative;
padding-left: 20px;
line-height: 32px;
}
.job-editor-bullets > li::after {
content: '.';
position: absolute;
left: -4px;
font-weight: bold;
font-size: 45px;
top: -13px;
color: #007228;
}
.wp-block-cover {
background-size: unset;
background-position: unset;
}
.display-flex {
display: flex;
}
.werkin-bij-acsi-width-align > .featured-jobs > .col-fj-3 {
max-width: 1480px;
}
.job-post-editor p .lazy-loaded, .medewerker-job-editor p .lazy-loaded {
margin-top: 15px;
}
.jobs-pagination {
color: #1276B3;
font-size: 20px;
line-height: 32px;
text-align: center;
padding-top: 25px;
padding-bottom: 10px;
}
.jobs-pagination li {
display: inline-block;
}
#preJobPage {
float: left;
line-height: 2;
}
.inJobPages {
line-height: 2;
padding: 6px 8px 6px 8px;
}
.inJobPages a {
border: 1px solid #ffffff;
padding: 6px 14px 6px 14px;
}
.inJobPages a:hover {
border: 1px solid #f1f1f1;
}
#jobPageSelect {
background-color: #217EB7;
color: #ffffff;
}
#postJobPage {
float: right;
line-height: 2;
}
.vacc-rm {
display: inline-block;
}
#loading-jobs {
display: none;
width: 60px;
height: auto;
margin: auto;
margin-top: 25px;
}
#loading-jobs img {
width: 60px;
height: auto;
}
#space-when-no-pagination {
height: 55px;
}
.jobs-editor p a {
color: #1276b3;
text-decoration: underline;
}
.jobs-editor p a:hover {
text-decoration: none;
}
.acsi-job-ads {
padding: 0;
}
.acsi-job-ads > .row > .col-fj-3 {
max-width: inherit;
}
.acsi-job-ads > .row > .take-to-vacancies {
width: 100%;
}
.bg-newsletter-absent {
background-color: #007228;
height: 10px
}
.complete > .dnd-upload-details > .dnd-progress-bar > span {
visibility: hidden;
}
.complete > .dnd-upload-details > .dnd-progress-bar {
background-color: #4CAF50;
}
.complete > .dnd-upload-details > .dnd-progress-bar > span:after {
visibility: visible;
content: "compleet";
padding-right: 5px;
}
.medeLocTime {
float: left;
}
.medeCatList {
float: left;
}
.medewerker-block-align {
float: left;
width: 100%;
}
.word-overflow {
overflow-wrap: break-word;
}
.job-apply-button-disabled {
background: #d3d3d3 !important;
color: #707070;
}
.no-job-found {
padding: 50px 0;
font-size: 18px;
}
.jfb-radio-input > span > span > span {
margin-right: 20px;
}
#verzend-sollicitatie-no {
background-color: #FCC350;
padding: 15px 20px 14px 20px;
font-size: 16px;
border-radius: 6px;
margin-bottom: 25px;
cursor: pointer;
display: none;
width: max-content;
margin-top: 30px;
}
.jfb-radio-input .wpcf7-not-valid-tip:after {
display: none;
}
@media only screen and (max-width: 340px) {
.col-jl-12 {
width: 100%;
}
.jobs-editor > h2 {
word-break: break-all;
}
.job-search-fields > li > input[type=text], .job-search-fields > li > input[type=submit], .job-search-fields > li > input[type=button], .job-search-fields > li > .werken-job-category-div-container {
width: 100% !important;
}
.job-search-fields > li > input[type=text] {
padding: 14px 10px 10px 10px;
}
.job-search-fields > li > .werken-job-category-div-container > .werken-job-category-div {
padding: 14px 10px 10px 10px;
}
.job-search-fields > li > .job-category-div-container {
width: 100% !important;
}
.job-search-fields > li > .job-category-div-container > .job-category-div {
padding: 14px 10px 10px 10px;
}
.job-term-button:after {
margin-right: 0 !important;
}
.job-search-fields > li > .job-category-div-container > .job-category-div-dropdown {
width: 100% !important;
left: 0;
right: 0;
margin: auto;
padding-right: 15px;
}
.job-search-fields > li > .werken-job-category-div-container > .werken-job-category-div-dropdown {
width: 100% !important;
left: 0;
right: 0;
margin: auto;
}
.job-category-option, .werken-job-category-option {
padding: 14px 10px 10px 10px;
}
.werken-job-category-option {
width: 100% !important;
}
.home-job-filter-block {
padding-right: 15px;
}
}
@media only screen and (max-width: 417px) {
.home-job-filter-block-layer {
top: -500px !important;
}
.job-search-filter-home {
top: 19% !important;
}
}
@media only screen and (min-width: 417px) and (max-width: 444px) {
.home-job-filter-block-layer {
top: -480px !important;
}
.home-job-filter-block h1 {
top: 10% !important;
}
.job-search-filter-home {
top: 14% !important;
}
}
@media only screen and (max-width: 480px) {
.jm-image {
height: 150px;
}
.job-listing-block {
padding: 20px 45px 30px 35px;
}
.jobs-editor p {
line-height: 28.8px;
font-size: 16px;
}
.job-medewerkers-datalist > p {
line-height: 28.8px;
font-size: 16px; display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.job-medewerkers-datalist > h2 {
font-size: 28px;
}
.job-news-list .job-new-item:nth-child(1) {
border-top: none;
}
.job-news-filter {
width: 100%;
margin: auto;
}
.job-term-button:after {
float: right;
margin-right: 15px;
}
.job-term-button {
font-size: 16px;
}
.highlight-selection {
padding: 2px 9px 2px 8px;
}
.show-HR-container {
padding-top: 30px;
}
.job-single-post-banner {
height: 150px !important;
}
.job-icon {
margin-bottom: 30px;
}
.job-page-header h1 {
font-size: 28px;
line-height: 35px;
}
.job-page-block .col-fj-3 h2 {
font-size: 26px;
}
.jobs-editor p .lazy-loaded {
height: 250px;
}
.single-testimonial-image {
height: 220px !important;
}
.jmd-5lines > p {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.job-highlights {
line-height: 25px;
}
.job-pagination > span > a {
font-size: 0px !important;
}
.vaccature-desktop {
display: none;
}
.vaccature-mobile {
display: block;
}
.vaccature-mobile > .term-button {
float: left;
width: 100%;
height: 55px;
}
.vaccature-mobile > .news-filter__terms {
float: left;
}
.clean-job-filter {
float: left !important;
}
.vacc-img {
height: 220px;
}
.count-cir {
font-size: 14px;
padding: 2px 8px 2px 7px;
}
#preJobPage {
line-height: 3;
margin-top: -5px;
}
#preJobPage > a > span {
display: none;
}
#postJobPage {
margin-top: -5px;
}
#postJobPage > a > span {
display: none;
}
}
@media only screen and (max-width: 482px) {
.jobs-page-title-header-layer {
top: -34px;
}
.clean-job-filter {
margin: 0px 0px 15px 20px !important;
}
}
@media only screen and (max-width: 599px) {
.jobs-column-text {
padding: 40px 15px 35px 15px;
}
.bg-image-mobile-height .wp-block-cover {
min-height: 220px !important;
}
.jobs-column-text-right {
margin-top: 25px;
padding-left: 10px;
padding-right: 10px;
}
.job-apply-now-form {
left: 0;
margin-left: 0;
top: 100px;
width: 100%;
height: 100%;
}
.job-apply-now-mail-sent {
left: 0;
margin-left: 17px;
top: 28%;
width: 90%;
}
.job-apply-now-close-mail-sent-button {
margin-right: 5px !important;
margin-top: 5px !important;
color: #ffffff;
}
.job-apply-now-close {
margin-right: -5px;
margin-top: -15px;
}
.wp-columns-reverse {
flex-direction: column-reverse;
}
.in-columns-spacer {
height: 20px !important;
}
.home-job-filter-block h1 {
font-size: 33px;
margin-top: 5px;
margin-bottom: 20px;
}
.featured-jobs h2, .jobs-h2-line-height {
font-size: 28px !important;
line-height: 33.6px !important;
}
.jobs-page-title-header {
height: 150px;
}
.jobs-column-text-left {
margin-top: 25px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0;
}
.show-HR-container {
padding: 20px 15px 30px 15px;
}
.top-50-30 {
padding-top: 20px
}
.featured-jobs > div > ul > li > div > .job-breadcrums {
padding-bottom: 30px;
}
.job-post-editor h2 {
font-size: 24px !important;
}
.medewerker-job-editor h2 {
font-size: 24px !important;
}
} @media only screen and (max-width: 350px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 243px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 262px;
margin-left: 0;
}
}
@media only screen and (min-width: 350px) and (max-width: 370px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 263px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 277px;
margin-left: 0;
}
}
@media only screen and (min-width: 370px) and (max-width: 390px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 283px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 297px;
margin-left: 0;
}
}
@media only screen and (min-width: 390px) and (max-width: 410px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 303px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 317px;
margin-left: 0;
}
}
@media only screen and (min-width: 410px) and (max-width: 430px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 323px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 330px;
margin-left: 0;
}
}
@media only screen and (min-width: 430px) and (max-width: 450px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 343px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 350px;
margin-left: 0;
}
}
@media only screen and (min-width: 450px) and (max-width: 470px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 363px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 365px;
margin-left: 0;
}
}
@media only screen and (min-width: 470px) and (max-width: 490px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 383px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 380px;
margin-left: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.jobs-page-title-header h1 {
font-size: 34px;
}
}
@media only screen and (min-width: 490px) and (max-width: 510px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 403px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 400px;
margin-left: 0;
}
}
@media only screen and (min-width: 510px) and (max-width: 530px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 423px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 420px;
margin-left: 0;
}
}
@media only screen and (min-width: 530px) and (max-width: 550px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 443px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 435px;
margin-left: 0;
}
}
@media only screen and (min-width: 550px) and (max-width: 570px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 463px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 455px;
margin-left: 0;
}
}
@media only screen and (min-width: 570px) and (max-width: 590px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 483px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 470px;
margin-left: 0;
}
}
@media only screen and (max-width: 599px) {
.jobs-page-title-header-layer {
position: absolute;
top: 0;
height: 210px;
}
}
@media only screen and (min-width: 599px) and (max-width: 768px) {
.jobs-page-title-header-layer {
position: absolute;
top: 0;
height: 310px;
}
}
@media only screen and (min-width: 768px) {
.jobs-page-title-header-layer {
position: absolute;
top: 0;
height: 395px;
}
}
@media only screen and (min-width: 590px) and (max-width: 610px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 503px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 490px;
margin-left: 0;
}
}
@media only screen and (min-width: 610px) and (max-width: 630px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 523px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 510px;
margin-left: 0;
}
}
@media only screen and (min-width: 630px) and (max-width: 650px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 543px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 525px;
margin-left: 0;
}
}
@media only screen and (min-width: 650px) and (max-width: 660px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown, .search-job-button {
width: 553px !important;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 540px;
margin-left: 0;
}
}
@media only screen and (min-width: 660px) and (max-width: 680px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 490px;
margin-left: 0;
}
}
@media only screen and (min-width: 680px) and (max-width: 700px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 505px;
margin-left: 0;
}
}
@media only screen and (min-width: 700px) and (max-width: 720px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 520px;
margin-left: 0;
}
}
@media only screen and (min-width: 720px) and (max-width: 740px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 535px;
margin-left: 0;
}
}
@media only screen and (min-width: 740px) and (max-width: 760px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 552px;
margin-left: 0;
}
}
@media only screen and (min-width: 760px) and (max-width: 768px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 570px;
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 788px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 575px;
margin-left: 0;
}
}
@media only screen and (min-width: 788px) and (max-width: 808px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 590px;
margin-left: 0;
}
}
@media only screen and (min-width: 808px) and (max-width: 828px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 605px;
margin-left: 0;
}
}
@media only screen and (min-width: 828px) {
.vaccature-desktop {
width: 80%;
}
}
@media only screen and (min-width: 828px) and (max-width: 848px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 620px;
margin-left: 0;
}
}
@media only screen and (min-width: 848px) and (max-width: 868px) {
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 635px;
margin-left: 0;
}
}
@media only screen and (min-width: 868px) and (max-width: 880px) {
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option {
width: 240px;
}
.werken-search-job-keyword, .werken-job-category-div-container {
margin-bottom: 10px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option, .werken-search-job-button {
width: 650px;
margin-left: 0;
}
}
@media only screen and (min-width: 880px) and (max-width: 1024px) {
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option {
width: 240px;
}
.werken-search-job-button {
margin-left: 10px !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1178px) {
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div-dropdown, .werken-job-category-option {
width: 325px;
}
} @media only screen and (max-width: 660px) {
.job-search-fields > li {
display: inherit;
}
.searchWithJobKeyword {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
#searchWithJobVakgebied {
width: 100%;
margin-left: 0;
margin-bottom: 10px;
}
.job-category-div-container {
width: 100%;
margin-left: 0;
margin-bottom: 10px;
}
.search-job-button {
width: 100%;
margin-left: 0;
}
.werken-job-filter {
width: 90% !important;
}
}
@media only screen and (min-width: 660px) and (max-width: 739px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown {
width: 200px;
}
}
@media only screen and (min-width: 768px) {
.show-all-HRS .blocks > .block {
max-width: 50% !important;
}
.show-all-HRS .blocks .block {
padding: 15px;
}
.HR-contact {
width: 374px;
}
.hr-injob > .HR-contact {
width: 100%;
}
.inpage-testimonial > div > ul > li:nth-child(1) {
max-width: 60% !important;
}
.inpage-testimonial > div > ul > li:nth-child(2) {
max-width: 40% !important;
}
.job-apply-now-container {
margin-top: 40px;
}
}
@media only screen and (max-width: 768px) {
.featured-jobs {
padding-left: 15px;
padding-right: 15px;
}
.HR-page-content {
margin-left: 0;
}
.single-testimonial li:nth-child(1) {
max-width: 100%;  }
.single-testimonial-image {  }
.single-testimonial li:nth-child(2) {
max-width: 100%;  }
.single-testimonial-content {
padding-bottom: 25px;
}
.single-testimonial-image {
height: 240px;
}
.double-testimonial li {
margin-top: 0 !important;
height: 100%;
}
.double-testimonial-image {
float: initial;
width: 100%;
height: 240px;
}
.double-testimonial-content {
float: initial;
width: 100%;
}
.double-testimonial li {
max-width: 100% !important;
}
.job-single-post-banner {
height: 300px;
}
.job-page-block .col-fj-3 .blocks .block:nth-child(1) {
max-width: 100%;
}
.job-page-block .col-fj-3 .blocks .block:nth-child(2) {
max-width: 100%;
}
.inpage-testimonial {
padding-left: 0;
padding-right: 0; box-shadow: -3px 2px 10px 4px #f1efeb;
}
.job-social-media {
display: none;
}
.job-listing-block {
padding-left: 25px;
padding-right: 25px;
}
.job-medewerkers-datalist > .published {
position: inherit !important;
display: none;
margin-bottom: 10px;
}
.job-page-container-right {
padding: 25px 0 0 0;
}
.job-apply-now-container {
display: none;
}
.solliciteer-top {
display: block;
margin-top: 6px;
}
.solliciteer-top > .job-apply-now-container {
display: block;
}
.solliciteer-top > .job-apply-now-container > h3 {
text-align: center;
}
.single-testimonial {
width: 101%;
}
.job-right-card {
margin-top: 0;
padding: 25px 0;
}
.job-card-block {
display: none;
}
.job-card-top {
display: block;
margin-bottom: 30px;
}
.jobs-pagination {
text-align: initial;
}
#postJobPage {
line-height: 3;
}
.lang-switch .langs {
bottom: initial;
margin-top: -10px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 904px) {
.button-100-percent {
width: 100% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 913px) {
.featured-jobs-showcase {
height: 520px;
}
.featured-job-title {
height: 95px;
}
}
@media only screen and (max-width: 830px) {
.job-filter-options {
float: none;
}
.clean-job-filter {
float: none;
margin: 0px 0px 15px 30px;
}
}
@media only screen and (min-width: 913px) {
.featured-jobs-showcase {
height: 480px;
}
.featured-job-title {
height: 95px;
}
}
@media only screen and (min-width: 739px) and (max-width: 839px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown {
width: 250px;
}
}
@media only screen and (min-width: 839px) and (max-width: 939px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown {
width: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.single-testimonial li:nth-child(1) {
margin: 0 !important;
}
.single-testimonial li:nth-child(2) {
margin: 0 !important;
}
.double-testimonial li {
margin-top: 0 !important;
height: 100%;
}
.double-testimonial-image {
float: initial;
width: 100%;
height: 240px;
}
.double-testimonial-content {
float: initial;
width: 100%;
}
.double-testimonial li {
max-width: 50% !important;
}
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
.icon4tab > a > span {
display: none;
}
.icon4tab > a > .icon-33, .icon4tab > a > .icon-40, .icon4tab > a > .icon-83 {
display: block !important;
font-size: 20px;
font-weight: 600;
}
}
@media only screen and (min-width: 1023px) {
.single-testimonial-image { }
.single-testimonial-large-image {
height: 370px;
}
}
@media only screen and (max-width: 1023px) {
.job-search-filter-home > form > ul > li > .searchWithJobKeyword, .job-search-filter-home > form > ul > li > #searchWithJobVakgebied, .job-search-filter-home > form > ul > li > .search-job-button { margin: 0;
margin-bottom: 10px;
}
.job-filter-link {
margin-top: 10px;
}
.home-job-filter-block h1 {
top: 17%;
}
.job-search-filter-home {
top: 22%;
width: 80%;
}
.home-job-filter-block-layer {
top: -400px;
}
.werken-search-job-keyword, .werken-job-category-div-container, .werken-job-category-div. werken-job-category-div-dropdown, .werken-job-category-option {
}
}
@media only screen and (min-width: 1024px) and (max-width: 1470px) {
.job-search-filter-home {
width: 80%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1300px) {
.featured-job-title {
font-size: 1.4em
}
}
@media only screen and (min-width: 939px) and (max-width: 1039px) {
.searchWithJobKeyword, .job-category-div-container, .job-category-div-dropdown {
width: 350px;
}
}
@media only screen and (min-width: 1250px) {
.show-HR-container {
width: 1000px;
margin: auto;
}
.HR-page-content {
width: 950px;
}
}
@media only screen and (min-width: 1480px) {
.job-box-width {
width: 1580px;
margin: auto;
}
}
@media only screen and (min-width: 1580px) {
.job-box-width {
width: 1680px;
margin: auto;
}
}
@media only screen and (min-width: 1680px) {
.job-box-width {
width: 1780px;
margin: auto;
}
}
@media only screen and (min-width: 1780px) {
.job-box-width {
width: 1880px;
margin: auto;
}
}
@media only screen and (min-width: 1880px) {
.job-box-width {
width: 1980px;
margin: auto;
}
}
@media only screen and (min-width: 1980px) {
.job-box-width {
width: 2080px;
margin: auto;
}
}
@media only screen and (max-width: 1210px) {
.in-editor-width {
width: 93.5%;
margin: auto;
}
}
@media only screen and (min-width: 1210px) {
.in-editor-width {
width: 1210px;
margin: auto;
}
}
@media only screen and (min-width: 1536px) and (max-width: 1706px) {
.acsi-job-ads > .row > .col-fj-3 > h2 {
width: 1420px;
}
}
@media only screen and (min-width: 1706px) {
.acsi-job-ads > .row > .col-fj-3 > h2 {
width: 1530px;
}
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
background-color: #ffffff;
background-image: url(//www.acsi.eu/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
picture source[type="image/webp"] {
display: block;
}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}