.t2m-filter {
margin: 10px 0;
background-color: var(--t2m-filter-bg-color, rgba(232, 246, 244, 1.0));
border-width: var(--t2m-filter-border-width, 0);
border-style: var(--t2m-filter-border-style, solid);
border-color: var(--t2m-filter-border-color, #000);
border-radius: var(--t2m-filter-border-radius, 0);
box-shadow: var(--t2m-filter-box-shadow, unset);
padding: var(--t2m-filter-padding, 20px);
}
.t2m-filter:hover,
.t2m-filter:focus {
background-color: var(--t2m-filter-bg-color-hover, transparent);
}
.t2m-filter h2 {
color: var(--t2m-filter-title-text-color, #000);
font-family: var(--t2m-filter-title-font, 'Roboto'), sans-serif;
font-size: var(--t2m-filter-title-font-size, 17px) !important;
}   #t2m-filter.t2m-filter h2 {
color: var(--t2m-filter-title-text-color, #000) !important;
font-family: var(--t2m-filter-title-font, 'Roboto'), sans-serif !important;
font-size: var(--t2m-filter-title-font-size, 17px) !important;
}
.t2m-filter-options {
display: flex;
flex-wrap: wrap;
}
.t2m-select-field {
border-width: var(--t2m-filter-options-dropdown-border-width, 1px);
border-style: var(--t2m-filter-options-dropdown-border-style, solid);
border-color: var(--t2m-filter-options-dropdown-border-color, #000);
padding: var(--t2m-filter-options-dropdown-padding, 10px);
transition: 250ms ease;
display: inline-flex;
cursor: pointer;
width: fit-content;
margin: 0 8px 8px 0;
}
.t2m-select-field:focus {
border-width: var(--t2m-filter-options-dropdown-border-width, 1px);
border-style: var(--t2m-filter-options-dropdown-border-style, solid);
border-color: var(--t2m-filter-options-dropdown-border-color, #000);
padding: var(--t2m-filter-options-dropdown-padding, 10px);
}
.t2m-select-field option {
color: var(--t2m-filter-text-color, #000);
font-family: var(--t2m-filter-text-font, 'Roboto'), sans-serif;
font-size: var(--t2m-filter-text-font-size, 13px);
cursor: pointer;
border-radius: 5px;
transition: 250ms ease;
}
.t2m-select-field option:hover,
.t2m-select-field option:focus {
color: var(--t2m-filter-text-color-hover, #000);
border-radius: 5px;
}@media only screen and (max-width: 768px) {
#t2m-job .t2m-job-overview .t2m-job-card {
min-width: 100%;
}
}
#t2m-job[data-template="Default"] .t2m-job-overview .t2m-job-card {
width: 100% !important;
}
#t2m-job[data-template="Grid"] .t2m-job-overview .t2m-job-card {
width: var(--t2m-job-columns-overview-size) !important;
}
#t2m-job[data-template="Overlay"] .t2m-job-overview .t2m-job-card {
width: var(--t2m-job-columns-overview-size) !important;
}
.t2m-bg-color-overview {
background-color: var(--t2m-bg-color-overview) !important;
}
.t2m-border-overview {
border: var(--t2m-border-overview) !important;
}
.t2m-border-radius-overview {
border-radius: var(--t2m-border-radius-overview) !important;
}
.t2m-box-shadow-overview {
box-shadow: var(--t2m-box-shadow-overview) !important;
} .t2m-title-overview-color {
color: var(--t2m-title-overview-color) !important;
}
.t2m-title-overview-font-size {
font-size: var(--t2m-title-overview-font-size) !important;
}
.t2m-title-overview-font {
font-family: var(--t2m-title-overview-font), sans-serif !important;
} .t2m-text-overview-color {
color: var(--t2m-text-overview-color) !important;
}
.t2m-text-overview-font-size {
font-size: var(--t2m-text-overview-font-size) !important;
}
.t2m-text-overview-font {
font-family: var(--t2m-text-overview-font), sans-serif !important;
} .t2m-details-overview-font-size {
font-size: var(--t2m-text-overview-font-size) !important;
}
.t2m-details-text-overview-font {
font-family: var(--t2m-details-text-overview-font), sans-serif !important;
}    #t2m-job .t2m-job-thumb {
border-radius: var(--t2m-border-radius-overview) var(--t2m-border-radius-overview) 0 0;
}   .t2m-header-bg {
background-color: var(--t2m-header-bg) !important;
}
.t2m-header-vacancy-overlay {
background-color: var(--t2m-header-vacancy-overlay) !important;
} .t2m-header-icon-vacancy-color {
fill: var(--t2m-header-icon-vacancy-color) !important;
}
.t2m-title-vacancy-color {
color: var(--t2m-title-vacancy-color) !important;
}
.t2m-title-vacancy-font-size {
font-size: var(--t2m-title-vacancy-font-size) !important;
}
.t2m-title-vacancy-font {
font-family: var(--t2m-title-vacancy-font), sans-serif !important;
}              #t2m-job .t2m-title-vacancy-font-size {
font-size: var(--t2m-title-vacancy-font-size) !important;
}
#t2m-job .t2m-title-vacancy-font {
font-family: var(--t2m-title-vacancy-font), sans-serif !important;
}
#t2m-job .t2m-title-vacancy-color {
color: var(--t2m-title-vacancy-color) !important;
} #t2m-job .t2m-title-overview-font-size {
font-size: var(--t2m-title-overview-font-size) !important;
}
#t2m-job .t2m-title-overview-font {
font-family: var(--t2m-title-overview-font), sans-serif !important;
}
#t2m-job .t2m-title-overview-color {
color: var(--t2m-title-overview-color) !important;
} #t2m-job .t2m-video-title-font-size {
font-size: var(--t2m-video-title-font-size) !important;
}
#t2m-job .t2m-video-title-font {
font-family: var(--t2m-video-title-font), sans-serif !important;
}
#t2m-job .t2m-video-title-color {
color: var(--t2m-video-title-color) !important;
} #t2m-job .t2m-sidebar-title-font-size {
font-size: var(--t2m-sidebar-title-font-size) !important;
}
#t2m-job .t2m-sidebar-title-font {
font-family: var(--t2m-sidebar-title-font), sans-serif !important;
}
#t2m-job .t2m-sidebar-title-color {
color: var(--t2m-sidebar-title-color) !important;
} #t2m-job .t2m-sidebar-subtitle-font-size {
font-size: var(--t2m-sidebar-subtitle-font-size) !important;
}
#t2m-job .t2m-sidebar-subtitle-font {
font-family: var(--t2m-sidebar-subtitle-font), sans-serif !important;
}
#t2m-job .t2m-sidebar-subtitle-color {
color: var(--t2m-sidebar-subtitle-color) !important;
} #t2m-job .t2m-title-apply-font-size h3 {
font-size: var(--t2m-title-apply-font-size) !important;
}
#t2m-job .t2m-title-apply-font h3 {
font-family: var(--t2m-title-apply-font), sans-serif !important;
}
#t2m-job .t2m-title-apply-color h3 {
color: var(--t2m-title-apply-color) !important;
} #t2m-header .t2m-header-title {
font-size: var(--t2m-title-vacancy-font-size) !important;
font-family: var(--t2m-title-vacancy-font), sans-serif !important;
color: var(--t2m-title-vacancy-color) !important;
}
.t2m-video-title-color {
color: var(--t2m-video-title-color) !important;
}
.t2m-video-title-font-size {
font-size: var(--t2m-video-title-font-size) !important;
}
.t2m-video-title-font {
font-family: var(--t2m-video-title-font), sans-serif !important;
}
.t2m-header-text-vacancy-color {
color: var(--t2m-header-text-vacancy-color) !important;
}
.t2m-header-text-vacancy-font-size {
font-size: var(--t2m-header-text-vacancy-font-size) !important;
}
.t2m-header-text-vacancy-font * {
font-family: var(--t2m-header-text-vacancy-font), sans-serif !important;
}
.t2m-header-detail-vacancy-color {
color: var(--t2m-header-detail-vacancy-color) !important;
}
.t2m-header-text-vacancy-font-size {
font-size: var(--t2m-header-detail-vacancy-font-size) !important;
}
.t2m-header-text-vacancy-font * {
font-family: var(--t2m-header-detail-vacancy-font), sans-serif !important;
} .t2m-text-vacancy-color {
color: var(--t2m-text-vacancy-color) !important;
}
.t2m-text-vacancy-font-size,
.t2m-text-vacancy-font-size * {
font-size: var(--t2m-text-vacancy-font-size) !important;
}
.t2m-text-vacancy-font,
.t2m-text-vacancy-font * {
font-family: var(--t2m-text-vacancy-font), sans-serif !important;
} .t2m-text-vacancy-tag-color,
.t2m-text-vacancy-tag-color .t2m-job-tag {
color: var(--t2m-text-vacancy-tag-color) !important;
}
.t2m-text-vacancy-tag-font-size {
font-size: var(--t2m-text-vacancy-tag-font-size) !important;
}
.t2m-text-vacancy-tag-font {
font-family: var(--t2m-text-vacancy-tag-font), sans-serif !important;
}    .t2m-title-apply-color h3 {
color: var(--t2m-title-apply-color) !important;
}
.t2m-title-apply-font-size h3 {
font-size: var(--t2m-title-apply-font-size) !important;
}
.t2m-title-apply-font h3 {
font-family: var(--t2m-title-apply-font), sans-serif !important;
} .t2m-text-apply-color,
.t2m-text-apply-color label,
.t2m-text-apply-color input,
.t2m-text-apply-color span,
.t2m-text-apply-color p {
color: var(--t2m-text-apply-color) !important;
}
.t2m-text-apply-font-size,
.t2m-text-apply-font-size label,
.t2m-text-apply-font-size input,
.t2m-text-apply-font-size span,
.t2m-text-apply-font-size p {
font-size: var(--t2m-text-apply-font-size) !important;
}
.t2m-text-apply-font,
.t2m-text-apply-font label,
.t2m-text-apply-font input,
.t2m-text-apply-font span,
.t2m-text-apply-font p {
font-family: var(--t2m-text-apply-font), sans-serif !important;
} .t2m-bg-color-apply {
background-color: var(--t2m-bg-color-apply) !important;
}    .t2m-filter-border-radius {
border-radius: var(--t2m-filter-border-radius, 0) !important;
}
.t2m-filter-border {
border-width: var(--t2m-filter-border-width, 0) !important;
border-style: var(--t2m-filter-border-style, solid) !important;
border-color: var(--t2m-filter-border-color, #000) !important;
}
.t2m-filter-padding {
padding: var(--t2m-filter-padding, 10px 20px) !important;
}
.t2m-filter-bg-color {
background-color: var(--t2m-filter-bg-color, transparent) !important;
}
.t2m-filter-bg-color-hover:hover {
background-color: var(--t2m-filter-bg-color-hover, transparent) !important;
}
.t2m-filter-box-shadow {
box-shadow: var(--t2m-filter-box-shadow, unset) !important;
} .t2m-filter .t2m-clear-filters {
display: block;
margin-bottom: 10px;
color: var(--t2m-filter-clear-color, var(--t2m-filter-text-color, inherit)) !important;
font-size: var(--t2m-filter-clear-font-size, var(--t2m-filter-text-font-size, inherit)) !important;
font-family: var(--t2m-filter-clear-font, var(--t2m-filter-text-font, inherit)), sans-serif !important;
}
.t2m-filter .t2m-clear-filters:hover {
color: var(--t2m-filter-clear-color-hover, var(--t2m-filter-text-color-hover, inherit)) !important;
}    button.t2m-submit-button,
#t2m-job .t2m-submit-button {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
line-height: inherit;
font-family: inherit;
text-transform: inherit;
letter-spacing: inherit;
box-sizing: border-box;
cursor: pointer;
text-decoration: none;
}
.t2m-btn-bg-color,
#t2m-job .t2m-submit-button {
background-color: var(--t2m-btn-bg-color) !important;
}
.t2m-btn-bg-color-hover:hover,
#t2m-job .t2m-submit-button:hover {
background-color: var(--t2m-btn-bg-color-hover) !important;
}
.t2m-btn-text-color,
#t2m-job .t2m-submit-button {
color: var(--t2m-btn-text-color) !important;
}
.t2m-btn-text-color-hover:hover,
#t2m-job .t2m-submit-button:hover {
color: var(--t2m-btn-text-color-hover) !important;
}
.t2m-btn-font,
#t2m-job .t2m-submit-button {
font-family: var(--t2m-btn-font), sans-serif !important;
}
.t2m-btn-font-size,
#t2m-job .t2m-submit-button {
font-size: var(--t2m-btn-font-size) !important;
}
.t2m-btn-border,
#t2m-job .t2m-submit-button {
border: var(--t2m-btn-border) !important;
}
.t2m-btn-border-hover:hover,
#t2m-job .t2m-submit-button:hover {
border: var(--t2m-btn-border-hover) !important;
}
.t2m-btn-border-radius,
#t2m-job .t2m-submit-button {
border-radius: var(--t2m-btn-border-radius) !important;
}
.t2m-btn-padding,
#t2m-job .t2m-submit-button {
padding: var(--t2m-btn-padding) !important;
}
.t2m-btn-box-shadow,
#t2m-job .t2m-submit-button {
box-shadow: var(--t2m-btn-box-shadow) !important;
}
.t2m-secondary-btn-bg-color,
a.t2m-secondary-button,
.t2m-secondary-button {
background-color: var(--t2m-secondary-btn-bg-color) !important;
}
.t2m-secondary-btn-bg-color-hover:hover,
a.t2m-secondary-button:hover,
.t2m-secondary-button:hover {
background-color: var(--t2m-secondary-btn-bg-color-hover) !important;
}
.t2m-secondary-btn-text-color,
a.t2m-secondary-button,
.t2m-secondary-button {
color: var(--t2m-secondary-btn-text-color) !important;
}
.t2m-secondary-btn-text-color-hover:hover,
a.t2m-secondary-button:hover,
.t2m-secondary-button:hover {
color: var(--t2m-secondary-btn-text-color-hover) !important;
}
.t2m-secondary-btn-font,
a.t2m-secondary-button,
.t2m-secondary-button {
font-family: var(--t2m-secondary-btn-font), sans-serif !important;
}
.t2m-secondary-btn-font-size,
a.t2m-secondary-button,
.t2m-secondary-button {
font-size: var(--t2m-secondary-btn-font-size) !important;
}
.t2m-secondary-btn-border,
a.t2m-secondary-button,
.t2m-secondary-button {
border: var(--t2m-secondary-btn-border) !important;
}
.t2m-secondary-btn-border-hover:hover,
a.t2m-secondary-button:hover,
.t2m-secondary-button:hover {
border: var(--t2m-secondary-btn-border-hover) !important;
}
.t2m-secondary-btn-border-radius,
a.t2m-secondary-button,
.t2m-secondary-button {
border-radius: var(--t2m-secondary-btn-border-radius) !important;
}
.t2m-secondary-btn-padding,
a.t2m-secondary-button,
.t2m-secondary-button {
padding: var(--t2m-secondary-btn-padding) !important;
}
.t2m-secondary-btn-box-shadow,
a.t2m-secondary-button,
.t2m-secondary-button {
box-shadow: var(--t2m-secondary-btn-box-shadow) !important;
}
.t2m-sidebtn-border-radius {
border-radius: var(--t2m-sidebtn-border-radius) !important;
} .t2m-overview-btn-bg-color {
background-color: var(--t2m-overview-btn-bg-color) !important;
}
.t2m-overview-btn-bg-color-hover:hover {
background-color: var(--t2m-overview-btn-bg-color-hover) !important;
}
.t2m-overview-btn-text-color {
color: var(--t2m-overview-btn-text-color) !important;
}
.t2m-overview-btn-text-color-hover:hover {
color: var(--t2m-overview-btn-text-color-hover) !important;
}
.t2m-overview-btn-font {
font-family: var(--t2m-overview-btn-font), sans-serif !important;
}
.t2m-overview-btn-font-size {
font-size: var(--t2m-overview-btn-font-size) !important;
}
.t2m-overview-btn-border {
border: var(--t2m-overview-btn-border) !important;
}
.t2m-overview-btn-border-hover:hover {
border: var(--t2m-overview-btn-border-hover) !important;
}
.t2m-overview-btn-border-radius {
border-radius: var(--t2m-overview-btn-border-radius) !important;
}
.t2m-overview-btn-padding {
padding: var(--t2m-overview-btn-padding) !important;
}
.t2m-overview-btn-box-shadow {
box-shadow: var(--t2m-overview-btn-box-shadow) !important;
}    .t2m-sidebar-bg {
background-color: var(--t2m-sidebar-bg) !important;
}
.t2m-sidebar-padding {
padding: var(--t2m-sidebar-padding) !important;
}
.t2m-sidebar-border {
border: var(--t2m-sidebar-border) !important;
}
.t2m-sidebar-border-radius {
border-radius: var(--t2m-sidebar-border-radius) !important;
} .t2m-sidebar-title-font {
font-family: var(--t2m-sidebar-title-font), sans-serif !important;
}
.t2m-sidebar-title-font-size {
font-size: var(--t2m-sidebar-title-font-size) !important;
}
.t2m-sidebar-title-color {
color: var(--t2m-sidebar-title-color) !important;
} .t2m-sidebar-subtitle-font {
font-family: var(--t2m-sidebar-subtitle-font), sans-serif !important;
}
.t2m-sidebar-subtitle-font-size {
font-size: var(--t2m-sidebar-subtitle-font-size) !important;
}
.t2m-sidebar-subtitle-color {
color: var(--t2m-sidebar-subtitle-color) !important;
} .t2m-sidebar-text-font {
font-family: var(--t2m-sidebar-text-font), sans-serif !important;
}
.t2m-sidebar-text-font-size {
font-size: var(--t2m-sidebar-text-font-size) !important;
}
.t2m-sidebar-text-color {
color: var(--t2m-sidebar-text-color) !important;
} .t2m-sidebar-icons-color a > svg {
fill: var(--t2m-sidebar-icons-color) !important;
transition: 250ms ease;
}
.t2m-sidebar-icons-color-hover a:hover > svg {
fill: var(--t2m-sidebar-icons-color-hover) !important;
} #t2m-job .t2m-agreement-box a {
color: var(--t2m-sidebar-agreement-box) !important;
} #t2m-job .t2m-job-recruiter-detail a {
color: var(--t2m-sidebar-recruiter) !important;
}
.t2m-job-title-sollicitatie.t2m-title-apply-font-size {
padding-bottom: 25px !important;
}.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}   .t2m-skip-link {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
z-index: 10000;
}
.t2m-skip-link:focus {
position: fixed !important;
top: 10px !important;
left: 10px !important;
width: auto !important;
height: auto !important;
padding: 12px 20px !important;
background: var(--t2m-btn-bg-color, #1E73BE);
color: #fff;
font-size: 14px;
text-decoration: none;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
outline: 2px solid #fff;
clip: auto !important;
clip-path: none !important;
overflow: visible !important;
margin: 0 !important;
z-index: 2147483647 !important; }    .t2m-filter button.t2m-filter-toggle {
background: none !important;
border: 0 !important;
padding: 5px 0 7px 0 !important;
margin: 0 !important;
width: 100% !important;
text-align: left !important;
font: inherit !important;
color: inherit !important;
cursor: pointer !important;
box-shadow: none !important;
border-radius: 0 !important;
text-transform: none !important;
line-height: inherit !important;
letter-spacing: normal !important;
}
.t2m-filter button.t2m-filter-toggle:hover,
.t2m-filter button.t2m-filter-toggle:focus {
background: none !important;
box-shadow: none !important;
}   #t2m-job :focus-visible,
.t2m-content :focus-visible,
.t2m-vacancy-overlay :focus-visible,
.t2m-skip-link:focus-visible,
.t2m-filter .t2m-dropdown-toggle:focus-visible,
.t2m-filter .t2m-dropdown-menu a:focus-visible,
.t2m-filter .t2m-job-button:focus-visible,
.t2m-filter input:focus-visible,
.t2m-filter select:focus-visible {
outline: 2px solid var(--t2m-btn-bg-color, #1E73BE) !important;
outline-offset: 2px !important;
}   @media only screen and (max-width: 768px) {
body #t2m-job.t2m-job-detail .t2m-job-content {
margin-right: 10px;
}
aside .t2m-job-button.t2m-primary {
display: none !important;
}
}   #t2m-job h1,
#t2m-job h2,
#t2m-job h3,
#t2m-job h4,
#t2m-job h5,
#t2m-job h6 {
margin: 0;
padding: 9px 0;
}
#t2m-job .t2m-job-listing-details {
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
}
#t2m-job .t2m-job-overview .t2m-job-listing-details {
font-size: var(--t2m-details-overview-font-size);
}
#t2m-job .t2m-job-listing-details > * {
flex-grow: 1;
width: 100%;
}
#t2m-job span.t2m-key {
font-weight: bold;
}
#t2m-job .t2m-job-overview .t2m-job-listing-detail .t2m-val,
#t2m-job .t2m-job-overview .t2m-job-listing-detail .t2m-key {
color: var(--t2m-details-text-overview-color);
font-size: var(--t2m-details-overview-font-size);
font-family: var(--t2m-details-text-overview-font), sans-serif;
}
#t2m-job aside.t2m-sidebar .t2m-job-listing-detail .t2m-val,
#t2m-job aside.t2m-sidebar .t2m-job-listing-detail .t2m-key {
color: var(--t2m-sidebar-text-color);
font-size: var(--t2m-sidebar-text-font-size);
font-family: var(--t2m-sidebar-text-font), sans-serif;
}
.t2m-header-job-listing-detail .t2m-val,
.t2m-header-job-listing-detail .t2m-val span {
color: var(--t2m-header-detail-vacancy-color);
font-size: var(--t2m-header-detail-vacancy-font-size);
font-family: var(--t2m-header-detail-vacancy-font), sans-serif;
}
#t2m-job .t2m-job-body .t2m-job-content ul,
#t2m-job .t2m-job-body .t2m-job-content ol {
list-style: disc;
}
#t2m-job .t2m-job-body .t2m-job-content ul li,
#t2m-job .t2m-job-body .t2m-job-content ol li {
display: list-item;
margin-left: 2.5em;
text-align: match-parent;
}   #t2m-job .t2m-job-listing {
display: flex;
flex-wrap: wrap;
gap: 0 20px;
}
#t2m-job .t2m-job-overview .t2m-job-card {
display: block;
margin-bottom: 20px;
}
#t2m-job .t2m-job-thumb {
max-height: 225px;
min-height: 225px;
object-fit: cover;
width: 100%;
}
#t2m-job .t2m-job-overview .t2m-job-card-inner {
min-height: 50%;
}
#t2m-job .t2m-job-overview .t2m-job-footer-row {
display: flex;
padding: 0 20px;
margin-bottom: 20px;
flex-direction: column;
align-items: flex-start;
}
#t2m-job .t2m-job-overview .t2m-job-under-wrapper {
height: 100%;
padding: 0 20px;
}
#t2m-job .t2m-job-overview h4 {
margin-bottom: 15px;
}   @media (max-width: 768px) {
:root {
--columns-size-width: 100% !important;
}
#t2m-job iframe {
width: 100% !important;
}
#t2m-job .t2m-job-overview {
grid-template-columns: repeat(1, 85vw);
}
#t2m-job.t2m-job-detail {
display: block !important;
}
#t2m-job.t2m-job-detail {
display: block;
}
#t2m-job.t2m-job-detail .t2m-job-container-detail {
width: 100% !important;
}
#t2m-job.t2m-job-detail .t2m-sidebar {
padding: 20px;
width: 100% !important;
}
.t2m-login-button {
width: auto !important;
}
}
@media (min-width: 769px) and (max-width: 1023px) {
:root {
--columns-size-width: 48% !important;
}
#t2m-job .t2m-job-overview {
grid-template-columns: repeat(2, 90vw);
}
}   #t2m-job[data-template="Default"] .t2m-job-row {
display: flex;
flex-direction: column;
}
#t2m-job[data-template="Default"] .t2m-job-card-inner a {
display: flex;
flex-direction: row;
}
#t2m-job[data-template="Default"] .t2m-job-thumb {
width: 40%;
height: auto;
object-fit: cover;
flex-shrink: 0;
}
#t2m-job[data-template="Default"] .t2m-job-row {
width: 60%;
}
#t2m-job[data-template="Default"] .t2m-job-overview .t2m-job-footer-row {
padding: 20px;
}
#t2m-job .t2m-job-overview p {
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
display: -webkit-box;
overflow: hidden;
}
#t2m-job .t2m-job-row-details,
#t2m-job .t2m-job-row-department {
margin-top: 20px;
width:100%;
}
@media only screen and (max-width: 1024px) {
#t2m-job[data-template="Default"] .t2m-job-card-inner a {
flex-direction: column;
}
#t2m-job[data-template="Default"] .t2m-job-thumb,
#t2m-job[data-template="Default"] .t2m-job-row,
#t2m-job .t2m-job-row,
#t2m-job .t2m-job-thumb {
width: 100%;
}
#t2m-job .t2m-job-thumb {
min-height: 13em !important;
}
}    .t2m-job-detail {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.t2m-job-detail {
max-width: 540px;
}
}
@media (min-width: 768px) {
.t2m-job-detail {
max-width: 720px;
}
}
@media (min-width: 992px) {
.t2m-job-detail {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.t2m-job-detail {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.t2m-job-detail {
max-width: 1320px;
}
}
body #t2m-job .t2m-job-container-detail {
padding: 20px;
background-color: var(--t2m-bg-color-vacancy) !important;
}
body #t2m-job.t2m-job-detail .t2m-job-content > *,
body #t2m-job.t2m-job-detail .t2m-job-content > p,
#t2m-job .t2m-filter-no-result {
padding-left: 0 !important;
}
body #t2m-job.t2m-job-detail .t2m-job-content .t2m-job-text > p {
padding-bottom: 0 !important;
}
body #t2m-job.t2m-job-detail .t2m-job-content .t2m-job-text .t2m-nl {
line-height: 0.8rem;
}
body #t2m-job .t2m-job-text {
margin-bottom: 20px;
}
body #t2m-job.t2m-job-detail {
display: flex;
justify-content: space-between;
margin: 50px auto;
width: 95%;
}
body #t2m-job.t2m-job-detail .t2m-job-container-detail {
width: 65%;
}
body #t2m-job.t2m-job-detail .t2m-sidebar .t2m-sub-title {
font-weight: bold;
}
body #t2m-job.t2m-job-detail .t2m-job-content {
margin-bottom: 20px;
}
body #t2m-job.t2m-job-detail img.t2m-recruiter-img {
width: 100%;
} body #t2m-job[data-sidebar="false"] .t2m-job-single {
width: 100%;
float: unset;
}
body .t2m-job-body .t2m-job-tags,
body .t2m-job-body .job-tags {
margin: 20px 0;
}   body .t2m-job-body .t2m-question-widget > table.table > tbody tr td:nth-child(2) {
min-width: 125px;
}
body #t2m-job .t2m-job-container-solliciteren {
background-color: var(--t2m-bg-color-apply);
width: 100%;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-job-body {
padding: 20px;
}
body #t2m-job .t2m-job-container-solliciteren .form-control {
margin-top: 15px;
padding: 16px 20px;
min-height: 55px;
position: relative;
z-index: 2;
width: 100%;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-cv-column,
body #t2m-job .t2m-job-container-solliciteren .t2m-submit-section {
margin-top: 30px;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-submit-section button,
body #t2m-job .t2m-job-container-solliciteren .t2m-submit-section a {
cursor: pointer;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-input-field-firstname {
display: inline-block !important;
width: 50%;
padding-right: 15px;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-input-field-surname {
display: inline-block !important;
width: 50%;
padding-left: 15px;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-input-field {
display: flex;
flex-direction: column;
padding: 10px;
}
input.form-control {
padding: 10px !important;
width: 100%;
background: transparent;
line-height: 1.5rem;
}
.t2m-job-text .t2m-submit-button {
float: none;
cursor: pointer;
}
.t2m-job-text {
position: relative;
}
.t2m-rve-return {
position: absolute;
bottom: 18px;
left: 50%;
margin: 0 auto !important;
}
@media only screen and (max-width: 768px) {
.t2m-rve-return {
position: relative;
}
}
.t2m-input-field.t2m-input-field-letter,
.t2m-input-field.t2m-input-field-cv {
margin: 10px 0 !important;
}        body #t2m-job .t2m-job-container-solliciteren .t2m-form-wrap.t2m-flex {
display: block;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-cv-column {
margin-top: 30px;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-grid-2 {
display: block;
} body #t2m-job .t2m-job-container-solliciteren .t2m-input-field-firstname,
body #t2m-job .t2m-job-container-solliciteren .t2m-input-field-surname {
display: flex !important;
flex-direction: column;
width: 100% !important;
padding: 10px 0 !important;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-grid-2 .t2m-input-field {
width: 100%;
padding: 10px 0;
} body #t2m-job .t2m-job-container-solliciteren .t2m-question-widget > div > div {
margin-bottom: 18px;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-question-widget > div > div > tr {
display: block;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-select-wrapper {
display: block;
width: 100%;
margin-top: 8px;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-select-wrapper select {
width: 100%;
min-height: 55px;
padding: 10px 20px;
border: 1px solid #bbb;
border-radius: 0;
background: #fff;
font-size: 16px;
line-height: 1.5;
} body #t2m-job .t2m-job-container-solliciteren .t2m-agreement-box {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: flex-start;
gap: 10px;
margin-bottom: 14px;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-agreement-box input[type="checkbox"] {
margin-top: 4px;
flex: 0 0 auto;
}
body #t2m-job .t2m-job-container-solliciteren .t2m-personal-header h3,
body #t2m-job .t2m-job-container-solliciteren .t2m-cv-header h3 {
margin-bottom: 10px;
}   body .t2m-job-button.t2m-primary.t2m-solliciteren {
width: unset !important;
display: inline-block;
}
body #t2m-job a.t2m-return-button {
margin-bottom: 20px;
margin-right: 20px;
display: inline-block;
}
body #t2m-job .t2m-submit-button {
margin: 20px 0;
display: inline-block;
cursor: pointer;
}
body #t2m-job a,
body #t2m-job a.t2m-return-button,
body #t2m-job .t2m-job-detail-link.t2m-apply-button {
text-decoration: none !important;
} body #t2m-job a:not(.t2m-job-button):not(.t2m-return-button):not(.t2m-secondary-button),
body #t2m-job .t2m-job-detail-link.t2m-apply-button {
box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
body #t2m-job a.t2m-solliciteren-sidebutton {
opacity: 0;
}
}
a.t2m-solliciteren-sidebutton {
position: fixed !important;
top: 50% !important;
right: -3em !important;
transform: rotate(-90deg) !important;
z-index: 999 !important;
opacity: 100;
}
body #t2m-job .t2m-socials-container > a {
width: 30px;
display: inline-block;
margin-right: 15px;
margin-top: 5px;
}
.t2m-login-button {
display: inline-block;
transition: background-color 0.2s ease-in-out;
cursor: pointer;
text-decoration: none;
text-align: center;
width: 95%;
max-width: 300px;
margin: 20px 0;
}   .t2m-sidebar {
height: 100%;
width: 30%;
}
aside.t2m-sidebar .t2m-job-department-details span,
aside.t2m-sidebar .t2m-job-listing span.t2m-key,
aside.t2m-sidebar .t2m-job-listing span.t2m-val,
aside.t2m-sidebar .t2m-job-listing-detail,
aside.t2m-sidebar .t2m-job-recruiter-detail {
display: block;
}
aside.t2m-sidebar .t2m-job-button.t2m-primary {
margin-top: 25px;
display: inline-block;
}   body #t2m-job .t2m-pagination {
display: block !important;
text-align: left;
margin: 20px 0;
}
body #t2m-job .t2m-pagination .next.t2m-page-numbers,
body #t2m-job .t2m-pagination .prev.t2m-page-numbers {
background-color: transparent;
border: none !important;
font-size: 1.35rem;
color: var(--t2m-title-overview-color);
font-weight: 400;
}
body #t2m-job .t2m-pagination span.t2m-page-numbers,
body #t2m-job .t2m-pagination a.t2m-page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 1px solid #e0e0e0 !important;
background-color: var(--t2m-btn-bg-color);
font-weight: 600;
transition: 0.2s ease-in-out;
cursor: pointer;
font-family: var(--t2m-btn-font), sans-serif;
font-size: 15px;
border-radius: var(--t2m-btn-border-radius);
color: var(--t2m-btn-text-color);
margin: 0 2px;
}
body #t2m-job .t2m-pagination .t2m-pager.t2m-page-numbers.t2m-current {
border: 1px solid var(--t2m-btn-bg-color-hover) !important;
color: var(--t2m-btn-text-color-hover);
background-color: var(--t2m-btn-bg-color-hover);
cursor: auto;
transition: 250ms ease;
}
#t2m-job iframe {
border: 0;
}
.t2m-banner-image {
width: 100%;
height: 450px;
object-fit: cover;
}:is(#t2m-vacancy-search-form, #vacancy_search_form) {
display: flex !important;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
}
.t2m-vacancy-form .t2m-name-filter-options {
display: flex;
flex-direction: row !important;
}
.t2m-vacancy-form input.text,
.t2m-vacancy-form input.title,
.t2m-vacancy-form input[type=text],
.t2m-vacancy-form select {
width: fit-content !important;
}
@media screen and (max-width: 640px) {
:is(#t2m-vacancy-search-form, #vacancy_search_form) .t2m-search-form {
flex-direction: column;
justify-content: stretch;
width: 100%;
}
.t2m-vacancy-form input.text,
.t2m-vacancy-form input.title,
.t2m-vacancy-form input[type=text],
.t2m-vacancy-form select {
width: 100% !important;
}
}
:is(#t2m-vacancy-search-form, #vacancy_search_form) input.text,
:is(#t2m-vacancy-search-form, #vacancy_search_form) input.title,
:is(#t2m-vacancy-search-form, #vacancy_search_form) input[type=text],
:is(#t2m-vacancy-search-form, #vacancy_search_form) select {
width: 100%;
}
.t2m-filter-options .t2m-dropdown {
margin: 0 10px 10px 0;
}
.t2m-dropdown {
position: relative;
}
.t2m-open > .t2m-dropdown-menu {
display: block;
width: 100%;
}
.t2m-dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 10px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.t2m-dropdown-menu {
width: 100% !important;
border: 1px solid var(--border) !important;
}
.t2m-dropdown-menu {
list-style-type: none !important;
padding: 0 !important;
}
.t2m-dropdown-menu li:first-of-type {
padding-top: 10px;
}
.t2m-dropdown-menu li:last-of-type {
padding-bottom: 10px;
}
.t2m-dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.t2m-dropdown.t2m-w-md-50.t2m-rounded {
list-style: none;
}
.t2m-dropdown-menu {
width: 100% !important;
border: 1px solid var(--border) !important;
}
.t2m-dropdown-menu,
.t2m-dropdown-menu:hover {
background-color: var(--input-color) !important;
}
ul.t2m-dropdown-menu {
text-align: left;
font-size: var(--t2m-filter-text-font-size, 13px);
background-color: white !important;
border-radius: var(--t2m-filter-border-radius) !important;
width: fit-content !important;
}
.t2m-dropdown li a {
color: var(--t2m-filter-text-color, black);
font-family: var(--t2m-filter-text-font, inherit), sans-serif;
display: block;
padding: 0 10px;
font-size: var(--t2m-filter-text-font-size, 13px);
}
.t2m-dropdown li:nth-child(1) {
border-radius: var(--t2m-filter-border-radius) var(--t2m-filter-border-radius) 0 0;
}
.t2m-dropdown li:last-child {
border-radius: 0 0 var(--t2m-filter-border-radius) var(--t2m-filter-border-radius);
}
.t2m-dropdown li {
background-color: white !important;
}
.t2m-dropdown li a:hover { color: var(--t2m-filter-text-color-hover, white);
}
.t2m-dropdown-toggle {
background-color: white; border-width: var(--t2m-filter-options-dropdown-border-width, 1px);
border-style: var(--t2m-filter-options-dropdown-border-style, solid);
border-color: var(--t2m-filter-options-dropdown-border-color, #000);
padding: var(--t2m-filter-options-dropdown-padding, 10px);
color: var(--t2m-filter-text-color, black);
display: flex;
width: fit-content;
align-items: center;
justify-content: space-between;
gap: 10px;
font-size: var(--t2m-filter-text-font-size, 13px);
font-family: var(--t2m-filter-text-font, inherit), sans-serif;
}
:is(#t2m-location, #t2m_location), :is(#t2m-query, #t2m_query) {
border-radius: var(--t2m-filter-border-radius, 0) !important;
border-width: var(--t2m-filter-options-dropdown-border-width, 1px);
border-style: var(--t2m-filter-options-dropdown-border-style, solid);
border-color: var(--t2m-filter-options-dropdown-border-color, #000);
padding: var(--t2m-filter-options-dropdown-padding, 10px);
font-size: var(--t2m-filter-text-font-size, 13px);
}
.t2m-option-display {
font-size: var(--t2m-filter-text-font-size, 13px) !important;
color: var(--t2m-filter-text-color, #919191);
}
.t2m-filter-search.t2m-sidebar-layout .t2m-dropdown-toggle {
width: 100%;
}
.t2m-search-button {
display: block;
cursor: pointer;
width: 100%;
margin: 10px 0;
max-width: 300px;
text-align: center;
text-decoration: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
font-family: var(--t2m-btn-filter-font, 'Roboto'), sans-serif;
font-size: var(--t2m-btn-filter-font-size, 14px);
color: var(--t2m-btn-filter-text-color, #fff);
border: var(--t2m-btn-filter-border, none);
padding: var(--t2m-btn-filter-padding, 12px 20px);
border-radius: var(--t2m-btn-filter-border-radius, 0);
background-color: var(--t2m-btn-filter-bg-color, #1E73BE);
box-shadow: var(--t2m_btn_filter_box_shadow, unset);
}
.t2m-search-button:hover {
color: var(--t2m-btn-filter-text-color-hover, #f2f2f2);
border: var(--t2m-btn-filter-border-hover, none);
background-color: var(--t2m-btn-filter-bg-color-hover, #005BA3);
}html,body{
width: 100vw!important;
overflow-x: hidden!important;
}
:root{
--accent: #fbba00;
--primary: #005a77;
}
li.header_primary > a,
a.hlb_btn {
background-color: #f5f5f5;
padding: 9px 13px!important;
font-size: 15px!important;
font-weight: 800!important;
display: inline-block!important;
margin-right: 5px!important;
}
li.header_primary > a,
a.hlb_btn.hlb_btn_yellow {
color: white;
background-color: #fbba00;
}
a.hlb_btn.hlb_btn_white {
color: #005a77;
background-color: white;
}
a.hlb_btn.hlb_btn_blue {
background-color: #005a77;
color: white;
} .hlb_header_desktop_spacer {
display: block;
width: 100%;
background-color: var(--primary);
height: 100px;
}
.hlb_header_wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100px;
background-color: var(--primary);
display: flex;
justify-content: center;
}
.hlb_desktop > *{
box-sizing: border-box;
}
.hlb_desktop {
box-sizing: border-box;
width: 80%;
max-width: 1080px;
display: grid;
grid-template-columns: 250px 1fr;
grid-template-rows: 24px 1fr;
grid-gap: 5px;
padding-top: 5px;
padding-bottom: 7px;
}
.hlb_logo {
grid-column: 1 / span 1;
grid-row: 1 / span 2;
}
.hlb_logo img {
height: 100%;
object-fit: contain;
}
div.hlb_header_upper {
grid-column: 2 / span 1;
grid-row: 1 / span 1;
display: flex;
justify-content: flex-end;
flex-direction: row;
align-content: center;
gap: 10px !important;
}
div.hlb_header_lower{
grid-column: 2 / span 1;
grid-row: 2 / span 1;
}
div.hlb_header_upper > div, div.hlb_header_lower > div {
padding: 4px;
margin: 0px;
height: 100%;
position: relative;
display: flex;
gap: 10px;
align-items: center; }
div.hlb_header_upper > div > ul, div.hlb_header_lower > div > ul {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0px;
color: white;
list-style-type: none;
margin: 0px;
height: 100%;
width: 100%;
gap: 18px;
}
div.hlb_header_upper > div > ul > li, 
div.hlb_header_lower > div > ul > li{
display: inline-block;
padding: 0px;
margin: 0px;
line-height: 1em;
}
div.hlb_header_upper > div > ul > li > a,
div.hlb_header_lower > div > ul > li > a
{
color: white;
text-decoration: none;
font-size: 15px;
font-weight: 700;
padding: 0px;
margin: 0px;
height: 100%;
line-height: 1em;
}
div.hlb_header_upper > div > ul > li > a{
font-weight: 500;
font-size: 14px;
color: var(--accent)
}
.hlb_mobile{
display: none;
} :root{
--mobile_menu_width: 280px;
--mobile_menu_move: -280px;
}
.hlb_mobile_menu {
width: var(--mobile_menu_width);;
background-color: var(--accent);
position: fixed;
z-index: 999999999999999999999;
height: 100vh;
top: 0px;
right: 0px;
transform: translateX(var(--mobile_menu_width));
}
.hlb_move_page{
transform: translateX(0px);
}
.hlb_mobile_menu:after {
content: "";
position: absolute;
right: -150px;
bottom: -110px;
background-image: url(//www.hlb-denhartog.nl/wp-content/uploads/2024/05/LHB-Logo.svg);
width: 400px;
height: 400px;
z-index: -1;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.2;
}
.hlb_mobile_menu > div.menu-hlb-mobiel-menu-container > ul {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px;
padding-top: 50px;
padding-bottom: 50px;
margin: 0px;
list-style-type: none;
}
.hlb_mobile_menu > div.menu-hlb-mobiel-menu-container > ul > li > a{
color: white!important;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.hlb_mobile_hitarea{
display: none;
}
@media screen and (max-width: 920px){
.hlb_desktop{
grid-template-columns: 200px 1fr;
}
}
@media screen and (max-width: 900px){
.hlb_desktop{
display: none;
}
.hlb_mobile {
display: block;
width: 80%!important;
height: 100%!important;
display: flex!important;
justify-content: space-between!important;
align-items: center!important;
}
.hlb_header_desktop_spacer{
height: 60px;
}
.hlb_header_wrapper{
height: 60px;
}
.hlb_mobile{
display: block;
width: 80%;
}
.hlb_mobile > * {
height: 100%;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
}
.hlb_mobile_header{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 10px;
}
.hlb_mobile > .hlb_logo {
padding: 10px 0px;
}
.hlb_move_page{
transform: translateX(var(--mobile_menu_move));
}
.hlb_mobile_menu_open{
transform: translateX(0px);
}
.hlb_mobile_hitarea,
.hlb_mobile_menu,
.hlb_ease_page{
transition: all 500ms cubic-bezier(0.000, 0.930, 0.245, 1.020); transition-timing-function: cubic-bezier(0.000, 0.930, 0.245, 1.020); }
.hlb_mobile_hitarea{
width: calc(100% - var(--mobile_menu_width));
background-color: rgba(255, 255, 255, 0);
height: 100vh;
position: fixed;
top: 0px;
left: 0px;
z-index: 999999999999999999999;
opacity: 0;
}
.hlb_mobile_hitarea.hlb_mobile_hitarea_open {
display: block;
opacity: 0.6;
background-color: black;
}
.hlb_slider_controlls{
display: none!important;
}
} .hlb_person_wrapper{
width: 260px;
position:relative;
float:left;
margin: 0px 10px;
}
.hlb_person_wrapper > .hlb_person_img{
width: 100%;
position:relative;
padding-bottom: 100%;
background-color:red;
margin-bottom: 10px;
background-position:Center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 4px;
background-image: url(//www.hlb-denhartog.nl/wp-content/uploads/2024/05/HLB-voorbeeld.png);
}
.hlb_details {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
align-items: center;
}
.hlb_details > h5 {
color: var(--primary);
font-size: 16px;
font-weight: 700;
}
.hlb_details > h6 {
color: var(--accent);
font-size: 15px;
font-weight: 500;
text-align: center;
}
.et_pb_row.hlb_team_slider_row {
width: 100%;
max-width: 100%;
}
.hlb_slider_controlls {
margin: auto;
width: 80%;
max-width: 1080px;
display: flex;
justify-content: flex-end;
gap: 5px;
margin-bottom: 20px;
margin-top: -30px;
}
.hlb_slider_next,
.hlb_slider_prev {
background-color: whitesmoke;
width: 35px;
height: 35px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
border-radius: 50%;
padding: 7px;
padding-right: 9px;
cursor: pointer;
} .hlb_header_section_watermark:before,
.hlb_section_watermark:before {
content: "";
position: absolute;
right: 20px;
bottom: -80px;
background-image: url(//www.hlb-denhartog.nl/wp-content/uploads/2024/05/LHB-Logo.svg);
width: 400px;
height: 400px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.1;
} .hlb_person_grid{
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
grid-gap: 15px;
}
.person_img {
background-color: rgb(229, 229, 229);
width: 100%;
padding-bottom: 100%;
background-size: cover;
background-position: center;
position:Relative;
background-repeat: no-repeat;
border-radius: 4px;
background-image: url(//www.hlb-denhartog.nl/wp-content/uploads/2024/05/HLB-voorbeeld.png);
}
.hlb_person_item {
display: flex;
flex-direction: column;
gap: 10px;
}
.hlb_person_details {
display: flex;
flex-direction: column;
gap: 0px;
align-items: flex-start;
padding: 0px 10px;
padding-bottom: 20px;
}
.hlb_person_details > *{
text-align:left!important;
width: 100%;
}
.person_links { width: 100%;
position: Absolute;
bottom: 0px;
display: flex;
justify-content: flex-end;
gap: 5px;
padding: 10px;
}
.person_link{
width: 30px;
height: 30px;
cursor: pointer;
}
.person_link > img{
width: 100%;
height: 100%;
object-fit: contain;
}
.person_link:hover > img{
filter: brightness(0.9);
}
.hlb_filters {
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: center;
gap: 15px;
margin-bottom: 20px;
}
.hlb_filter {
background-color: #f5f5f5;
padding: 8px;
font-size: 14px;
border-radius: 4px;
font-weight: 400;
cursor: pointer;
}
.filter_selected{
background-color: var(--accent);
color: white;
font-weight: 700;
} .hlb_list_item {
display: grid;
grid-template-columns: 320px 1fr;
background-color: #f5f5f5;
margin-bottom: 30px;
border-radius: 4px;
grid-gap: 10px;
position: relative;
min-height: 310px;
}
.hlb_list_item:after {
content: "";
position: absolute;
right: calc(-100% + 20px);
top: 0px;
background-color: #f5f5f5;
width: 100%;
height: 100%;
}
.hlb_list_cover{
background-size: cover;
background-position: center;
border-radius: 4px 0 0 4px;
}
.hlb_list_content {
padding: 20px;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr 45px;
gap: 10px;
}
.hlb_list_content > * {
margin: 0px!important;
padding: 0px;
}
.hlb_list_title{
font-size: 16px;
font-weight:500;
margin-bottom: 10px;
}
.hlb_list_content p{
font-size: 14px;
font-weight: 300;
color: var(--primary);
}
.hlb_list_content > a{
width: 110px;
}
@media screen and (max-width: 800px) {
.hlb_list_items
{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 20px;
}
.hlb_list_item {
grid-template-columns: 1fr;
grid-template-rows: 200px 1fr;
grid-gap: 10px;
position: relative;
}
.hlb_list_item:after{
display: none;
}
.hlb_list_cover{
border-radius: 4px;
}
.et_pb_code_inner > .hlb_btn{
margin: 5px;
}
.hlb_person_grid{
grid-template-columns: 1fr 1fr;
}
.hlb_person_details{
padding: 0px!important;
}
.hlb_person_details > *{
text-align: center!important;
font-size: 14px!important;
width: 100%!important;
}
.person_links{
gap: 5px;
}
.person_link {
width: 35px;
height: 35px;
}
.hlb_list_title {
font-size: 16px;
font-weight: 400;
line-height: 1.4em;
}
}
span.hlb_nieuws_datum {
display: block;
font-size: 14px;
font-weight: 300;
margin-bottom: 4px;
}
.hlb_breadcrumbs {
display: flex;
gap: 22px;
}
.hlb_breadcrumbs > a{
font-size: 15px;
font-weight: 400;
text-decoration: none !important;
position:relative;
}
.hlb_breadcrumbs > a:before {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23fbba00%22%20d%3D%22M15.5857864%2C12%20L7.29289322%2C20.2928932%20C6.90236893%2C20.6834175%206.90236893%2C21.3165825%207.29289322%2C21.7071068%20C7.68341751%2C22.0976311%208.31658249%2C22.0976311%208.70710678%2C21.7071068%20L17.7071068%2C12.7071068%20C18.0976311%2C12.3165825%2018.0976311%2C11.6834175%2017.7071068%2C11.2928932%20L8.70710678%2C2.29289322%20C8.31658249%2C1.90236893%207.68341751%2C1.90236893%207.29289322%2C2.29289322%20C6.90236893%2C2.68341751%206.90236893%2C3.31658249%207.29289322%2C3.70710678%20L15.5857864%2C12%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
right: -22px;
top: -3px;
transform: scale(0.6);
}
.hlb_breadcrumbs > a:last-child:before {
display: none;
} .hlb_prospects_grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.hlb_prospect{
padding: 15px;
background-color: white;
border-radius: 2px;
}
.hlb_prospect > h3 {
font-size: 17px;
font-weight: 700;
color: var(--primary);
}
.hlb_prospect > p {
font-size: 15px;
font-weight: 300;
color: var(--primary);
}
.hlb_prospects_grey > .hlb_prospect{
background-color: #f5f5f5;
}
.hlb_prospects_v{
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
}
.hlb_prospects_grid.hlb_prospects_grey.hlb_prospects_col3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
} .nf-form-fields-required {
display: none
}
.nf-field>.submit-wrap>*>* {
width: 100%!important
}
textarea.ninja-forms-field,
input.ninja-forms-field {
border: 1px solid #dbdbdb!important;
border-radius: 10px;
background-color: #efefef!important;
border-radius: 3px!important
}
.nf-field>.field-wrap>.nf-field-element>input[type=submit],h4.tb_plus_success {
padding: 10px;
border-radius: 3px!important;
background-color:var(--accent)!important;
color: white!important;
cursor: pointer
}
h4.hlb_success>span {
color: white!important;
font-size: 17px!important;
background-color: var(--primary);
font-weight: 700!important;
padding: 10px;
border-radius: 3px;
}
.nf-field-label{
display: none!important;
}
.admin_hlb_header_desktop_spacer{
display: block;
width: 100%;
background-color: var(--primary);
height: 100px;
}
.current-menu-item > * {
color: var(--accent) !important;
}
#menu-secondary > .current-menu-item > *{
font-weight: 800!important;
}
.et_pb_text_inner > .hlb_btn {
margin-top: 13px;
text-decoration: none;
}
.nf-error-msg {
font-size: 10px !important;
line-height: 14px;
}
.header_primary.current-menu-item > a {
color: var(--primary) !important;
}
.hlb_stripes{
background-color: #fbba00;
opacity: 1;
background: repeating-linear-gradient( 45deg, #e8aa00, #e8aa00 3.5px, #fbba00 3.5px, #fbba00 17.5px );
}
.hlb_list_dark{
margin-top: 10px;
margin-bottom: -20px;
}
.hlb_list_dark > ul > li > a {
color: #414141;
}
.hlb_list_dark > .hlb_links {
list-style-type: none !important;
padding: 0 !important;
display: flex;
flex-wrap: wrap;
justify-content: left;
gap: 1px;
}
.et_pb_text_inner > ul {
padding: 0px!important;
padding-bottom: 15px!important;
}
.et_pb_text_inner > ul > li > a {
text-decoration: none;
font-size: 15px;
color: white;
}
li.header_primary.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.menu-item-38 > a {
color: white !important;
} .hlb_header_wrapper.hlb_header_scroll {
background-color: white;
box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
height: 75px;
}
.hlb_header_wrapper.hlb_header_scroll > .hlb_desktop{
grid-template-rows: 1fr;
}
.hlb_header_wrapper.hlb_header_scroll > .hlb_desktop > .hlb_header_upper{
display: none;
}
.hlb_header_wrapper.hlb_header_scroll > .hlb_desktop > .hlb_header_lower{
grid-row: 1 / span 1;
}
.hlb_header_wrapper.hlb_header_scroll > .hlb_desktop > .hlb_header_lower > .menu-primary-container > ul > li > a{
color: var(--primary);
}
.hlb_header_wrapper.hlb_header_scroll > .hlb_desktop > .hlb_header_lower > .menu-primary-container > ul > li.header_primary > a{
background-color: var(--accent);
color: white!important;
}
.hlb_header_wrapper.hlb_header_scroll > .hlb_mobile_header > .hlb_logo > img,
.hlb_header_wrapper.hlb_header_scroll > .hlb_desktop > .hlb_logo > img{
display: none;
}
.hlb_header_wrapper > .hlb_desktop > .hlb_logo > img.hlb_logo_dark{
display: none;
}
.hlb_header_wrapper.hlb_header_scroll > .hlb_mobile_header > .hlb_logo > img.hlb_logo_dark,
.hlb_header_wrapper.hlb_header_scroll > .hlb_desktop > .hlb_logo > img.hlb_logo_dark {
display: block;
padding: 5px;
} ul.sub-menu {
list-style: none!important;
padding: 15px 8px!important;
background-color: white;
display: flex;
flex-direction: column;
gap: 9px;
border-radius: 4px;
box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
ul.sub-menu > li {
border-bottom: 2px solid #ededed;
padding-bottom: 11px;
}
ul.sub-menu > li:last-child {
border-bottom: none;
}
ul.sub-menu > li > a{
padding-left: 12px
}
.menu-item > ul {
position: absolute;
display: none;
}
.menu-item:hover > ul {
display: flex;
}
.hlb_header_wrapper.hlb_header_scroll > .hlb_mobile_header > .hlb_mobile_btn {
background-color: #fbba00;
height: 37px;
width: 37px;
border-radius: 4px;
}
@media screen and (min-width: 900px){
.hlb_header_wrapper, .hlb_desktop_spacer{
background-color: rgba(0,0,0,0);
}
.hlb_header_desktop_spacer{
height: 80px;
}
.hlb_header_wrapper:after {
content: "";
width: 100%;
height: 120px;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
background: linear-gradient(0deg, rgba(0,90,119,0) 0%, rgba(0,90,119,1) 30%);
}
.hlb_header_wrapper.hlb_header_scroll:after {
display: none;
}
} .hlb_conversie_wrapper {
display: grid;
grid-template-columns: auto 300px;
grid-gap: 30px;
margin-top: 50px;
min-height: 350px;
}
.hlb_conversie_content{
padding-bottom: 50px;
padding-top: 25px;
position:relative;
}
.hlb_conversie_content > h3{
color: var(--primary);
font-weight: 800;
font-size: 35px;
margin-bottom: 30px;
}
.hlb_conversie_content > p{
font-weight: 300;
font-size: 16px;
line-height: 1.2 rem;
}
.hlb_conversie_people{
background-color:var(--accent);
}
.hlb_conversie_person{
position: relative;
width: 100%;
height: 400px;
}
.hlb_conversie_person > .hlb_conversie_person_img{
width: 100%;
height: 400px;
background-size: cover;
background-position:center;
background-image: url(//www.hlb-denhartog.nl/wp-content/uploads/2024/05/12794-2.webp);
}
.conversie_title_wrapper{
position:Absolute;
right: 0px;
bottom: 25px;
box-sizing: border-box;
width: 250px;
}
.hlb_conversie_person_title > h6,
.hlb_conversie_person_title > h5{
font-size: 16px;
color: var(--primary);
font-weight: 700;
margin: 0px!important;
padding: 0px!important;
width: 100%;
text-align:right;
}
.hlb_conversie_person_title > h6{
font-weight: 300;
color: var(--accent);
margin-top: 5px!important;]
}
.hlb_footer_conversie_section {
position: relative;
}
.hlb_footer_conversie_section::After{
content: "";
position: absolute;
right: 0px;
bottom: 0px;
background-color:#f5f5f5;
width:100%;
height:calc(100% - 130px);
}
@media screen and (max-width: 850px){
.hlb_conversie_wrapper {
display: grid;
grid-template-columns: 100%;
grid-gap: 30px;
margin-top: 50px;
min-height: 350px;
}
.conversie_title_wrapper {
position: absolute;
bottom: -50px;
width: 250px;
right: 20px;
z-index: 99999;
background-color: var(--accent);
padding: 10px;
height: 60px;
}
.hlb_conversie_person_title > *{
text-align: left!important;
}
.hlb_conversie_content{
padding-bottom: 30px;
padding-top: 25px;
}
.hlb_conversie_wrapper{
grid-gap : 10px;
}
.hlb_conversie_person_title > h6
{
font-size: 15px;
color :white;
}
} .hlb_desktop > .hlb_header_lower > .menu-primary-container > .menu {
display: flex;
align-content: center;
align-items: center;
}
.t2m_content > h3 {
color: var(--primary);
font-weight: 800;
}
.t2m_content > p > a {
text-decoration: underline solid var(--accent);
}
.et_pb_text_inner > ul > li{
margin-left: 0px!important;
}
ul.hlb_tags {
display: flex;
flex-direction: row;
gap: 10px;
list-style-type: none;
padding: 0px;
margin-top: 5px;
}
ul.hlb_tags > li {
background-color: #5bb6fb33;
color: white;
padding: 6px 13px;
border-radius: 30px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
list-style: none;
}
ul.hlb_tags > li:hover {
background-color: #e8aa00;
}
.t2m-login-button {
display: none !important;
}
:root {
--border-overview: 0px solid red!important;
--bg-color-overview: #f5f5f5!important;
}
.job-card-inner {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 200px 1fr;
grid-gap: 10px;
}
.job-row {
grid-row: 2 / span 1;
}
.job-card {
float: left;
border: 0px solid red !important;
height: auto !important;
}
.job-card-inner {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 200px 1fr;
grid-gap: 10px;
float: left;
height: 100% !important;
width: 100%!important;
}
div.job-card {
border: 0px solid blue !important;
height: 100% !important;
}
.job-footer-row {
padding: 11px !important;
display: flex;
width: 100%!important;
background-color: unset;
}
.job-listing-details{
display: none!important;   
}
div.t2m-job-overview {
border: 0px solid red;
display: grid !important;
}
div.t2m-job-overview > div.job-card{
width: 100%!important;
}
body #t2m-job .t2m-job-overview {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
grid-gap: 10px !important;
padding: 0px !important;
height: auto !important;
}
div.job-card {
top: unset !important;
left: unset !important;
position: relative !important;
}
div.job-listing.t2m-job-overview > div.job-card > div.job-card-inner > div.job-row > div.job-footer-row > .job-button.primary{
background-color: var(--accent)!important;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px!important;
color: white;
padding: 10px 20px;
border-radius: 4px;
text-decoration: none;
font-weight: 700;
font-size: 15px;
}
div.t2m_filter{
display:none!important;
}
h4.titel_vacature {
font-size: 17px !important;
font-weight: 700;
color: var(--primary) !important;
}
.hlb_prospect.hlb_wwkb_single > h3{
display: none!important;
}
.hlb_prospect.hlb_wwkb_single {
display: flex;
padding: 0px;
background-color: white;
grid-column: 1 / span 2;    
padding: 10px;
} .hlb_header_eng > img {
width: 26px;
}
.hlb_header_eng {
border-radius: 4px !important;
padding: 5px !important;
background-color: #0000001f !important;
}
.hlb_header_eng > *{
color: white!important;
} .t2m-form-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.t2m-form-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.t2m-submit-section {
background-color: var(--accent);
padding: 20px;
display: flex;
justify-content: space-between;
margin-top: 20px;
}
button.t2m-submit-button {
padding: 10px;
font-size: 16px;
font-weight: 800;
background-color: var(--primary);
color: white;
border: 0px solid red; }
.t2m-cv-header > h3, .t2m-personal-header > h3 {
font-weight: 800;
color: Var(--primary);
}
.t2m-input-field {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
}
.t2m-input > textarea.form-control,
.t2m-input > input.form-control {
width: 100%!important;
padding: 9px!important;
font-weight: 400;
color: black!important;
background-color: #f2f2f2!important;
border: 0px solid red!important;
margin-bottom: 10px!important;
}
.t2m-agreement-box {
display: flex;
align-content: center;
align-items: center;
gap: 10px;
}
ul.sub-menu > li.menu-item{
margin: 0px!important;
margin-left: 0px!important;
}
.et_pb_text_inner > ol > li::marker{
font-weight: 800!important;
}
.et_pb_text_inner > ol > li{
margin-bottom: 10px;
}