/* =========================================== */
/* Overzichtspagina - Variable-Based Values */
/* =========================================== */
/* Card Settings */
@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;
}
/* Title Settings */
.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;
}
/* Text Settings */
.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;
}
/* Details Settings */
.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;
}

/* =========================================== */
/* Overzichtspagina - Variable-Based Values */
/* =========================================== */
/* Template Settings */
#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;
}

/* =========================================== */
/* Detailpagina - Variable-Based Values */
/* =========================================== */
/* Title Settings */
.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;
}
/* Text Settings */
.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;
}
/* Tag Settings */
.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;
}

/* =========================================== */
/* Sollicitatie pagina - Variable-Based Values */
/* =========================================== */
/* Title Settings */
.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;
}
/* Text Settings */
.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;
}
/* General Settings */
.t2m_bg_color_apply {
  background-color: var(--t2m-bg-color-apply) !important;
}
.t2m_sidebar_title_bg{
  background-color: var(--t2m-sidebar-title-bg) !important;
}

/* =========================================== */
/* Button styling - Variable-Based Values */
/* =========================================== */
.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;
}

/* =========================================== */
/* Filter styling - Variable-Based Values */
/* =========================================== */
/* Title Settings */
.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;
}

/* Text Settings */
.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;
}

/* Filter General Settings */
.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;
}

/* =========================================== */
/* Sidebar styling - Variable-Based Values */
/* =========================================== */
/* General sidebar */
.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;
}
/* Titel sidebar */
.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;
}
/* Subtitle sidebar */
.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;
}
/* Text sidebar */
.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;
}
/* Icons sidebar */
.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;
}

/* Privacy policy */
#t2m-job .t2m-agreement-box span a {
  color: var(--t2m-sidebar-agreement-box) !important;
}
/* Linkjes recruiter */
#t2m-job .job-recruiter-detail a {
  color: var(--t2m-sidebar-recruiter) !important;
}