@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_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_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 0 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 {
padding: 10px 20px 10px 20px;
}
#t2m-job .t2m-job-overview .job-under-wrapper {
height: 100%;
padding: 20px 20px 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 {
padding: 10px;
display: flex;
flex-direction: column;
}
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;
}
}   body .job-button.primary.solliciteren {
width: unset !important;
}
body #t2m-job a.return-button {
margin-bottom: 20px;
}
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;
}
body #t2m-job button.job-button {
width: 100%;
}
@media only screen and (min-width: 768px) {
body #t2m-job a.solliciteren-sidebutton {
opacity: 0;
}
}
body #t2m-job button.job-button,
body #t2m-job .t2m-submit-button,
body #t2m-job a.return-button,
a.job-button.primary.solliciteren,
a.solliciteren-sidebutton {
display: inline-block;
cursor: pointer;
text-align: center;
transition: 250ms ease;
}
a.solliciteren-sidebutton {
position: fixed !important;
top: 50% !important;
right: -25px !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;
}   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;
}