@media only screen and (max-width: 768px) {
#t2m-job .t2m-job-overview .job-card {
min-width: 100%;
}
}
#t2m-job .t2m-job-overview .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-overview {
grid-template-columns: repeat(var(--t2m-job-columns-overview), 1fr) !important;
}
#t2m-job .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_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 {
font-size: var(--t2m-text-vacancy-font-size) !important;
}
.t2m_text_vacancy_font * {
font-family: var(--t2m-text-vacancy-font), sans-serif !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_sidebar_title_bg {
background-color: var(--t2m-sidebar-title-bg) !important;
}   .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.secondary-button,
.secondary-button {
background-color: var(--t2m-secondary-btn-bg-color) !important;
}
.t2m_secondary_btn_bg_color_hover:hover,
a.secondary-button:hover,
.secondary-button:hover {
background-color: var(--t2m-secondary-btn-bg-color-hover) !important;
}
.t2m_secondary_btn_text_color,
a.secondary-button,
.secondary-button {
color: var(--t2m-secondary-btn-text-color) !important;
}
.t2m_secondary_btn_text_color_hover:hover,
a.secondary-button:hover,
.secondary-button:hover {
color: var(--t2m-secondary-btn-text-color-hover) !important;
}
.t2m_secondary_btn_font,
a.secondary-button,
.secondary-button {
font-family: var(--t2m-secondary-btn-font), sans-serif !important;
}
.t2m_secondary_btn_font_size,
a.secondary-button,
.secondary-button {
font-size: var(--t2m-secondary-btn-font-size) !important;
}
.t2m_secondary_btn_border,
a.secondary-button,
.secondary-button {
border: var(--t2m-secondary-btn-border) !important;
}
.t2m_secondary_btn_border_hover:hover,
a.secondary-button:hover,
.secondary-button:hover {
border: var(--t2m-secondary-btn-border-hover) !important;
}
.t2m_secondary_btn_border_radius,
a.secondary-button,
.secondary-button {
border-radius: var(--t2m-secondary-btn-border-radius) !important;
}
.t2m_secondary_btn_padding,
a.secondary-button,
.secondary-button {
padding: var(--t2m-secondary-btn-padding) !important;
}
.t2m_secondary_btn_box_shadow,
a.secondary-button,
.secondary-button {
box-shadow: var(--t2m-secondary-btn-box-shadow) !important;
}
.t2m_sidebtn_border_radius {
border-radius: var(--t2m-sidebtn-border-radius) !important;
}    .t2m_filter_title_text_color {
color: var(--t2m-filter-title-text-color) !important;
}
.t2m_filter_title_font {
font-family: var(--t2m-filter-title-font), sans-serif !important;
}
.t2m_filter_title_font_size {
font-size: var(--t2m-filter-title-font-size) !important;
} .t2m_filter_text_color,
.t2m_filter_text_color:focus,
.t2m_filter_text_color > * {
color: var(--t2m-filter-text-color) !important;
}
.t2m_filter_text_color_hover:hover,
.t2m_filter_text_color_hover:focus,
.t2m_filter_text_color_hover:hover > *,
.t2m_filter_text_color_hover:focus > * {
color: var(--t2m-filter-text-color-hover) !important;
}
.t2m_filter_font,
.t2m_filter_font > * {
font-family: var(--t2m-filter-font), sans-serif !important;
}
.t2m_filter_font_size,
.t2m_filter_font_size > * {
font-size: var(--t2m-filter-font-size) !important;
} .t2m_filter_bg_color {
background-color: var(--t2m-filter-bg-color) !important;
}
.t2m_filter_bg_color_hover:hover,
.t2m_filter_bg_color_hover:focus {
background-color: var(--t2m-filter-bg-color-hover) !important;
}
.t2m_filter_border,
.t2m_filter_border:focus {
border: var(--t2m-filter-border) !important;
}
.t2m_filter_border_radius {
border-radius: var(--t2m-filter-border-radius) !important;
}
.t2m_filter_box_shadow {
box-shadow: var(--t2m-filter-box-shadow) !important;
}
.t2m_filter_padding {
padding: var(--t2m-filter-padding) !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 span a {
color: var(--t2m-sidebar-agreement-box) !important;
} #t2m-job .job-recruiter-detail a {
color: var(--t2m-sidebar-recruiter) !important;
}
.job-title-sollicitatie.t2m_title_apply_font_size {
padding-bottom: 25px !important;
}@media only screen and (max-width: 768px) {
body #t2m-job.t2m-job-detail .job-content {
margin-right: 10px;
}
aside .job-button.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 4px;
}
#t2m-job .job-listing-details {
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
font-size: var(--t2m-details-overview-font-size);
}
#t2m-job .job-listing-details > * {
flex-grow: 1;
width: 100%;
}
#t2m-job span.key {
font-weight: bold;
}
#t2m-job .job-listing-detail .val,
#t2m-job .job-listing-detail .key {
font-size: var(--t2m-details-overview-font-size);
font-family: var(--t2m-details-overview-font), sans-serif;
}
#t2m-job .job-body .job-content ul,
#t2m-job .job-body .job-content ol {
list-style: disc;
}
#t2m-job .job-body .job-content ul li,
#t2m-job .job-body .job-content ol li {
display: list-item;
margin-left: 2.5em;
text-align: match-parent;
}   .job-listing {
display: flex !important;
flex-wrap: wrap;
}
#t2m-job .job-thumb {
max-height: 225px;
min-height: 225px;
object-fit: cover;
width: 100%;
}
#t2m-job .t2m-job-overview .job-card {
display: block; margin-bottom: 20px; position: relative;
}
#t2m-job .t2m-job-overview .job-card-inner {
min-height: 50%;
}
#t2m-job .t2m-job-overview .job-footer-row {
display: flex;
padding: 0 20px;
margin-bottom: 20px;
flex-direction: column;
align-items: flex-start;
}
#t2m-job .t2m-job-overview .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 .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 .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 .job-row {
display: flex;
flex-direction: column;
}
#t2m-job[data-template="Default"] .job-thumb {
float: left;
min-height: 32em;
width: 40%;
}
#t2m-job[data-template="Default"] .job-row {
width: 60%;
float: right;
}
#t2m-job[data-template="Default"] .t2m-job-overview .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 .job-row-details,
#t2m-job .job-row-department {
margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
#t2m-job .job-row,
#t2m-job .job-thumb {
width: 100%;
}
#t2m-job .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 .job-container-detail {
padding: 20px;
background-color: var(--t2m-bg-color-vacancy) !important;
}
body #t2m-job.t2m-job-detail .job-content > *,
body #t2m-job.t2m-job-detail .job-content > p,
#t2m-job .filter-no-result {
padding-left: 0 !important;
}
body #t2m-job.t2m-job-detail .job-content .job-text > p {
padding-bottom: 0 !important;
}
body #t2m-job.t2m-job-detail .job-content .job-text .t2m-nl {
line-height: 0.8rem;
}
body #t2m-job .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 .job-container-detail {
width: 65%;
}
body #t2m-job.t2m-job-detail .t2m_sidebar .sub-title {
font-weight: bold;
}
body #t2m-job.t2m-job-detail .job-content {
margin-bottom: 20px;
}
body #t2m-job.t2m-job-detail img.recruiter-img {
width: 100%;
} body #t2m-job[data-sidebar="false"] .job {
width: 100%;
float: unset;
}
body .job-body .job-tags {
margin: 20px 0;
}   body .job-body .t2m-question-widget > table.table > tbody tr td:nth-child(2) {
min-width: 125px;
}
body #t2m-job .job-container-solliciteren {
background-color: var(--t2m-bg-color-apply);
width: 100%;
}
body #t2m-job .job-container-solliciteren .job-body {
padding: 20px;
}
body #t2m-job .job-container-solliciteren .form-control {
margin-top: 15px;
padding: 16px 20px;
outline: none;
min-height: 55px;
position: relative;
z-index: 2;
width: 100%;
}
body #t2m-job .job-container-solliciteren .t2m-cv-column,
body #t2m-job .job-container-solliciteren .t2m-submit-section {
margin-top: 30px;
}
body #t2m-job .job-container-solliciteren .t2m-input-field-firstname {
display: inline-block !important;
width: 50%;
padding-right: 15px;
}
body #t2m-job .job-container-solliciteren .t2m-input-field-surname {
display: inline-block !important;
width: 50%;
padding-left: 15px;
}
body #t2m-job .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;
}
.job-text .t2m-submit-button {
float: none;
}
.job-text {
position: relative;
}
.rve-return {
position: absolute;
bottom: 18px;
left: 50%;
margin: 0 auto !important;
}
@media only screen and (max-width: 768px) {
.rve-return {
position: relative;
}
}
.t2m-input-field.t2m-input-field-letter,
.t2m-input-field.t2m-input-field-cv {
margin: 10px 0 !important;
}   body .job-button.primary.solliciteren {
width: unset !important;
}
body #t2m-job a.return-button {
margin-bottom: 20px;
margin-right: 20px;
display: inline-block;
}
body #t2m-job .t2m-submit-button {
margin: 20px 0;
}
body #t2m-job a,
body #t2m-job a.return-button,
body #t2m-job .job-detail-link.apply-button {
text-decoration: none !important;
box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
body #t2m-job a.solliciteren-sidebutton {
opacity: 0;
}
}
a.solliciteren-sidebutton {
position: fixed !important;
top: 50% !important;
right: -2.75em !important;
transform: rotate(-90deg) !important;
z-index: 999 !important;
opacity: 100;
}
body #t2m-job .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_filter select {
transition: 250ms ease;
width: fit-content;
display: inline-flex;
margin-right: 10px;
margin-bottom: 5px;
cursor: pointer;
}
.t2m_filter select option {
cursor: pointer;
transition: 250ms ease;
}
.t2m_filter {
margin: 10px 0;
}   .t2m_sidebar {
height: 100%;
width: 30%;
}
aside.t2m_sidebar .job-department-details span,
aside.t2m_sidebar .job-listing span.key,
aside.t2m_sidebar .job-listing span.val,
aside.t2m_sidebar .job-listing-detail,
aside.t2m_sidebar .job-recruiter-detail {
display: block;
}
aside.t2m_sidebar .job-button.primary {
margin-top:25px;
display: inline-block;
}   body #t2m-job .pagination {
display: block !important;
text-align: left;
margin: 20px 0;
}
body #t2m-job .pagination .next.page-numbers,
body #t2m-job .pagination .prev.page-numbers {
background-color: transparent;
border: none !important;
font-size: 1.35rem;
color: var(--t2m-title-overview-color);
font-weight: 400;
}
body #t2m-job .pagination span.page-numbers,
body #t2m-job .pagination a.page-numbers {
padding: 5px 10px;
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 .pagination .pager.page-numbers.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;
}
.banner_image {
width: 100%;
height: 450px;
object-fit: cover;
}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;
}