/*
Theme Name: VW 2
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: VW
Author URI: https://www.rankdata.nl/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.14.1736907556
Updated: 2026-05-13w 02:19:16

*/
:root{
  /*--primary-text-color: #CC0033;*/
}
/* === General CSS  === */


.kb-blocks-bg-slider .kb-splide .splide__arrow {
  opacity: 1;
}

.kb-blocks-bg-slider .kb-splide .splide__arrow {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(5.625px);
  -webkit-backdrop-filter: blur(5.625px);
}

.kb-blocks-bg-slider .kb-splide .splide__arrow svg {
  width: 0.78em;
  height: 0.78em;
}

@media (max-width: 767px) {
  .kb-blocks-bg-slider .kb-splide .splide__arrow {
    width: 22px;
    height: 22px;
  }

  .kb-blocks-bg-slider .kb-splide .splide__arrow svg {
    width: 0.55em;
    height: 0.55em;
  }

  .kb-blocks-bg-slider .kb-splide .splide__arrow {
    bottom: 30px;
    top: unset;
  }

  .kb-blocks-bg-slider .kb-splide .splide__arrow--prev {
    left: unset;
    right: 2.9em;
  }

  .kb-blocks-bg-slider button.splide__arrow.splide__arrow--next {
    right: 15px;
  }
}

.wp-blocks-auto-btn a:hover {
  background-color: var(--global-palette-btn-bg-hover);
  color: #fff;
}

/* Homepage Bottom Section */
.vw-img-cta * {
  transition: 0.3s;
}

.vw-img-cta:hover .vw-cta-img {
  opacity: 0.8;
}

.vw-img-cta:hover .vw-cta-btn a {
  gap: 15px;
}

/* Footer Menu */
.vw-footer-menu-vertical ul.menu li.menu-item a {
  text-align: left;
  color: var(--global-palette4);
  line-height: 1.2em;
  padding: 6px 0;
}

.vw-footer-menu-vertical ul.menu li.menu-item a:hover {
  color: var(--global-palette1);
}

/* Contact Form */
.vw-contact-form.wp-block-kadence-advanced-form333-cpt-id .kb-advanced-form textarea {
  border-radius: 12px;
}

/* Accordion */
.wp-block-kadence-pane.kt-accordion-pane {
  border-radius: 10px;
  overflow: hidden;
}

/* Vacatures Pagination */
.vacancies_pagination .page.active {
  background: var(--global-palette-btn-bg);
}

.vacancies_pagination .page:not(.dots):hover {
  background: var(--global-palette-btn-bg-hover);
  color: #fff;
}

.vacancies_pagination .page:not(.dots):hover img {
  filter: brightness(0) invert(1);
}



/* === End General CSS  === */

/* Home Image Accordion */
.vw-accordion {
  display: flex;
  overflow: hidden;
  gap: 14px;
}

.vw-tab {
  flex: 1;
  position: relative;
  transition: flex 0.4s ease-in-out;
  overflow: hidden;
}

.vw-accordion.swiper-container .swiper-slide .vw-tab img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.vw-accordion.swiper-container .swiper-slide .vw-caption {
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #fff;
  border-radius: 5px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  /*width: calc(100% - 20px);*/
  width: 100%;
}

.vw-caption-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vw-caption-header h3 {
  margin-bottom: 0;
  color: #fff;
}

.vw-caption-link {
  display: none;
}

.vw-tab.active .vw-caption-link {
  display: inline-block;
  /* Show link when tab is active */
}

.vw-tab.active {
  flex: 1;
  /* Expand on hover for desktop */
}

/* Mobile styles */
@media (max-width: 768px) {
  .vw-accordion {
    overflow-x: auto;
    /* Enable horizontal scroll */
    white-space: nowrap;
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
    /* Add padding for scroll usability */
    scroll-snap-type: x mandatory;
    flex-direction: row;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 10px;
  }

  .vw-accordion .vw-tab {
    /*flex: 0 0 80%; */
    flex: 0 0 100%;
    max-width: 300px;
    /*max-width: 100%;*/
    scroll-snap-align: center;
    height: 350px;
    max-height: 350px;
  }

  .vw-accordion .vw-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    color: white;
    padding: 30px 20px 20px;
    width: 100%;
  }

  .vw-tab img {}

  .vw-tab.active {
    /* flex: 0 0 80%; */
    /* Prevent hover expansion on mobile */
  }

  .vw-caption {
    opacity: 1 !important;
    /* Always visible on mobile */
    /*bottom: 20px;*/
    /*left: 15px;*/
    /*right: 15px;*/
    text-align: center;
    font-size: 14px;
  }

  .vw-caption-link {
    display: inline-block !important;
  }
}

.last-vacancy-card .btn,
body #main .vacancy-card .btn,
body #main a.cta_btn,
body .vacancy-content__enroll .btns .apply {
  border: 1px solid var(--global-palette-btn-bg);
  background: var(--global-palette-btn-bg);
  color: var(--global-palette-btn);
}

/* body #main .cta_btn a {
  border: 1px solid #00b0f0;
  background: #00b0f0;
  color: #001e50;
} */

.last-vacancy-card .btn:hover,
body #main .vacancy-card .btn:hover,
body #main .cta_btn a:hover,
body #main a.cta_btn:hover,
body .vacancy-content__enroll .btns .apply:hover {
  border: 1px solid var(--global-palette-btn-bg-hover);
  background: var(--global-palette-btn-bg-hover);
  color: #fff;
}

body #main .info_btn a {
  border: 1px solid #001e50 !important;
  background: #001e50 !important;
  color: #fff !important;
}

body #main .info_btn a:hover {
  border: 1px solid #000 !important;
  background: #000 !important;
  color: #fff !important;
}

.vacancy-content__sticky {
  display: flex;
  flex-direction: column;
}

.vacancy-content__right .vacancy-content__enroll {
  order: 1;
}

.vacancy-content__sticky .vacancy-content__last.light {
  order: 2;
  margin-top: 0;
}

.vacancy-content__sticky .vacancy-content__last {
  order: 3;
  margin-top: 30px;
}

header .site-container {
  position: relative;
}

/* Container becomes Swiper container */
.vw-accordion.swiper-container {
  position: relative;
  width: 100%;
  gap: 0;
}

.vw-accordion.swiper-container .swiper-wrapper {
  display: flex;
}

.vw-accordion.swiper-container .swiper-slide {
  width: calc((100% - 42px) / 6);
  transition: width 0.3s ease;
  display: flex;
  box-sizing: border-box;
  flex: 0 0 auto;
}

.vw-accordion.swiper-container .swiper-slide.active {
  width: calc((100% - 42px) / 2);
}

.vw-accordion.swiper-container~.swiper-button-next,
.vw-accordion.swiper-container~.swiper-button-prev {
  width: 30px;
  height: 44px;
  background: none;
  color: #000;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
}

.vw-accordion.swiper-container~.swiper-button-next {
  right: -40px;
}

.vw-accordion.swiper-container~.swiper-button-prev {
  left: -40px;
}

@media (max-width: 768px) {

  .vw-accordion.swiper-container .swiper-slide.active,
  .vw-accordion.swiper-container .swiper-slide {
    width: 100%;
    max-width: 300px;
  }
}

.last-vacancies .last-vacancy-card {
  width: 100%;
}

/* .last-vacancies .last-vacancy-card .card__image {
    height: 400px;
    background-size: cover;
}

.last-vacancies .last-vacancy-card:nth-of-type(1) .card__image {
    background-image: url(/img/vacancy-1.png);
}

.last-vacancies .last-vacancy-card:nth-of-type(2) .card__image {
    background-image: url(/img/vacancy-2.png);
}

.last-vacancies .last-vacancy-card:nth-of-type(3) .card__image {
    background-image: url(/img/vacancy-3.png);
} */

/*.home #masthead .kadence-sticky-header.item-is-fixed:not(.item-hidden-above) > .site-header-row-container-inner{
    background: rgba(255, 255, 255, 0.5);
}*/

.vw-accordion.swiper-container .vw-caption h3 {
  font-size: 20px;
}

.site-footer a {
  word-break: break-word;
}

/* Plugin: OTYS */

.vacancies-search-section {
  width: 100%;
}

.owp-form-label {
  display: none;
}

.owp-search-form {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.owp-search-input {
  margin-right: 0;
}

.owp-search-input,
.owp-custom-multiselect {
  flex: 1 0 45%;
  max-width: 50%;
}

.owp-search-criteria.owp-custom-multiselect {
  position: relative;
}

.owp-search-form input[type="text"] {
  padding: 20px 27px;
  border-radius: 100px;
  border: 1px solid #1214193d;
  font-size: 14px;
  color: #1e1e1e7d;
}

.owp-multiselect-input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  background: #fff;
}

.owp-multiselect-dropdown {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #1214193d;
  border-radius: 20px;
  padding: 20px;
  margin-top: 4px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 999;
  width: 100%;
}

.owp-multiselect-dropdown.open {
  display: block;
}

.owp-multiselect-option {
  display: block;
  padding: 6px 10px;
  cursor: pointer;
}

.owp-multiselect-option:hover {
  background: #f0f0f0;
}

.owp-search-form .button[type="submit"] {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  border-radius: 110px;
}

.owp-search-form .button[type="submit"] .owp-submit-icon {
  display: flex;
}

@media (max-width: 768px) {
  .owp-search-input {
    flex: 1 0 100%;
    max-width: 100%;
  }

  .owp-custom-multiselect {
    flex: 1 0 75%;
    max-width: 100%;
  }
}

.automotive-favorite-btn {
  transition: all 0.2s linear;
  background: none !important;
}

.automotive-favorite-btn:hover {
  background: none;
  filter: brightness(0.75);
}

.automotive-view-btn.active:focus {
  background: none;
}

@media (max-width: 650px) {
  div.automotive-view-switcher {
    display: none;
  }
}

.kadence-column685_4753ee-a3 {
  z-index: 0 !important;
}

.automotive-vacancy .automotive-vacancy-title {
  margin: 10px 0 20px 0;
}

.relations-search-section .owp-search-form input[type="text"] {
  padding: 14px 27px;
}

.relations-search-section .owp-search-form .button[type="submit"] {
  padding: 14px 20px;
  max-width: 62px;
}

@media (max-width: 768px) {
  .relations-search-section .owp-search-input {
    flex: 1 0 45%;
  }
}

.reset-filters-btn {
  margin-top: 48px;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  line-height: 1.2em;
  display: inline-block;
  text-align: center;
  width: 100%;
  border: 1px solid #6d7280;
  background-color: #fff;
  color: #111827;
  padding: 12px 20px;
  border-radius: 50px;
  font-weight: 700;
  text-decoration: none;
  transition:
    background-color 0.3s ease,
    transform 0.2s ease;
}

.vacancies-filters-actions {
  padding-right: 30px;
}

.pagination {
  text-align: center;
}

.pagination .pagination-item.active a {
  /* font-size: 14px;
  color: #ffffff;
  background: #001E50;
  border: none; */
}

.pagination .pagination-item a:not([rel="next"]):not([rel="prev"]) {
  /* font-weight: 400;
    font-size: 14px;
    color: rgba(0, 30, 80, 0.75);
    border: 0.67px solid rgba(0, 30, 80, 0.4);
    border-radius: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s; */
}

.pagination-link {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  color: #000;
  transition: all 0.2s linear;
}

.pagination .pagination-item a[rel="next"],
.pagination .pagination-item a[rel="prev"],
.pagination .pagination-item a[rel="next"]:hover,
.pagination .pagination-item a[rel="prev"]:hover {
  font-size: 0;
  background: #fff no-repeat center/5px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13' fill='none'%3E%3Cpath d='M6.08333 11.4167L0.75 6.08333L6.08333 0.75' stroke='%23242424' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.pagination .pagination-item.active a {
  background: #fff;
}

.pagination .pagination-item a:hover {
  background: rgba(255, 255, 255, 0.8);
}

.pagination .pagination-item a[rel="next"] {
  transform: rotate(180deg);
  margin-left: 20px;
}

.pagination .pagination-item a[rel="prev"] {
  margin-right: 20px;
}

.pagination-items {
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 480px) {
  .pagination-link {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .pagination .pagination-item a[rel="next"] {
    margin-left: 10px;
  }

  .pagination .pagination-item a[rel="prev"] {
    margin-right: 10px;
  }
}

.automotive-vacancy-relation {
  display: none;
}

/* home new vacancies block */
.automotive-home-vacancies .automotive-vacancy-relation {
  display: block;
}

.automotive-spotlight-vacancies {
  width: 100%;
}


.automotive-spotlight-vacancies .automotive-premium-tag {
  position: relative;
  right: unset;
  width: fit-content;
}


.automotive-home-vacancies .automotive-vacancy-header {}

.automotive-home-vacancies .automotive-home-spotlight {}

.automotive-home-vacancies .automotive-favorite-btn,
.automotive-home-vacancies .automotive-vacancy-btn-wrap,
.automotive-home-vacancies .automotive-vacancy-text {
  display: none;
}

.automotive-home-vacancies .automotive-home-spotlight .automotive-vacancy-text {
  display: block;
  font-size: 14px;
  line-height: 140%;
  color: #1e1e1e;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 16px;
  width: calc(100% - 200px);
  margin-right: 20px;
}

.automotive-home-vacancies .automotive-home-spotlight .automotive-vacancy-btn-wrap {
  display: block;
  margin-top: 21px;
  width: 180px;
}

.automotive-home-vacancies .automotive-home-spotlight .automotive-vacancy-btn-wrap a {
  height: 34px;
  padding: 0 20px;
  line-height: 30px;
  text-align: left;
  font-size: 14px;
  color: #fff;
  background-color: #000;
  border-color: #000;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10.3626%205.92574L5.796%201.2362L6.99981%200L13.6216%206.8L6.99981%2013.6L5.796%2012.3638L10.3626%207.67426H0V5.92574H10.3626Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: calc(100% - 15px) center;
  transition: all 0.2s linear;
}

.automotive-home-vacancies .automotive-home-spotlight .automotive-vacancy-btn-wrap a:hover {
  background-position: calc(100% - 5px) center;
}

.automotive-home-vacancies .vacancies-list.automotive-grid-view {
  grid-template-columns: auto;
}

.automotive-home-vacancies .automotive-vacancy-contnet {
  position: relative;
  /* padding-right: 150px; */
  flex-direction: row;
  flex-wrap: wrap;
}

.automotive-home-vacancies .automotive-vacancy {
  padding: 16px 20px;
  height: auto;
  margin: 0 !important;
  text-decoration: none;
  color: #000;
}

.automotive-home-vacancies .automotive-vacancy-header {
  right: 0;
  width: 100%;
  height: auto;
  justify-content: space-between;
  gap: 20px;
}

.automotive-home-vacancies .automotive-vacancy .automotive-vacancy-title {
  margin-top: 0;
  margin-bottom: 4px;
  text-decoration: none;
  /* width: calc(100% - 130px); */
}

.automotive-home-vacancies .automotive-vacancy .automotive-vacancy-title:hover {
  text-decoration: underline;
}

.automotive-home-vacancies .automotive-vacancy .automotive-vacancy-title h3 {
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.automotive-home-vacancies .automotive-usp {
  padding-top: 16px;
}

.automotive-home-vacancies .automotive-usp .automotive-usp-text {
  font-weight: 600;
}

.automotive-home-vacancies .automotive-vacancy-footer {
  padding: 0;
  gap: 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.automotive-home-vacancies .automotive-vacancy-criteria {
  font-size: 13px;
  font-weight: 600;
}

.automotive-home-vacancies .automotive-vacancy-relation {
  display: block;
  font-size: 14px;
  width: 100%;
}

.automotive-home-vacancies .vacancies-shortlist .automotive-criteria-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.00018%207.83434C8.00533%207.83434%208.82018%207.01949%208.82018%206.01434C8.82018%205.00918%208.00533%204.19434%207.00018%204.19434C5.99502%204.19434%205.18018%205.00918%205.18018%206.01434C5.18018%207.01949%205.99502%207.83434%207.00018%207.83434Z%22%20stroke%3D%22%23C2C2C2%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M2.11182%204.95283C3.26099%20-0.0988398%2010.7452%20-0.0930063%2011.8885%204.95866C12.5593%207.92199%2010.716%2010.4303%209.10016%2011.982C7.92766%2013.1137%206.07266%2013.1137%204.89432%2011.982C3.28432%2010.4303%201.44099%207.91616%202.11182%204.95283Z%22%20stroke%3D%22%23C2C2C2%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
}

@media (max-width: 680px) {
  .automotive-home-vacancies .automotive-vacancy .automotive-vacancy-title {
    white-space: normal;
    overflow: unset;
  }
}

/* WooCommerce Thank you Page */
/* ============================================================
   AUTOMOTIVE THANK YOU PAGE — Full CSS
   Covers: thankyou.php, order-details.php,
           order-details-customer.php
   Prefix: automotive-
   ============================================================ */





/* ── 2-column layout ─────────────────────────────────────── */
.automotive-thankyou-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 1100px;
  margin: 2.5rem auto;
  padding: 0 1.25rem;
  align-items: start;
}

@media (min-width: 900px) {
  .automotive-thankyou-layout {
    grid-template-columns: 65fr 35fr;
    gap: 2.5rem;
  }
}


/* ── Col 1 — What to expect ──────────────────────────────── */
.automotive-thankyou-col--info {
  padding: 0.25rem 0;
}

.automotive-thankyou-expect__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 1.5rem;
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-bottom: 20px !important;
}

.automotive-thankyou-expect__list {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.automotive-thankyou-expect__item {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  font-size: 0.9375rem;
  color: #374151;
  line-height: 1.55;
}

.automotive-thankyou-expect__icon {
  flex-shrink: 0;
  width: 1.625rem;
  height: 1.625rem;
  background: #ECFDF5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #16a34a;
  margin-top: 0.05rem;
}

.automotive-thankyou-expect__icon svg {
  width: 1rem;
  height: 1rem;
}

.automotive-thankyou-expect__contact {
  font-size: 0.9rem;
  color: #6b7280;
  line-height: 1.65;
  padding: 1.25rem;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  margin: 0;
}

.automotive-thankyou-expect__contact a {
  color: #d50117;
  text-decoration: none;
  font-weight: 500;
  transition: opacity 0.15s;
}

.automotive-thankyou-expect__contact a:hover {
  opacity: 0.8;
}


/* ── Col 2 — Receipt card ────────────────────────────────── */
.automotive-thankyou-col--receipt {}

.automotive-wc-receipt {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.10);
  overflow: hidden;
  font-family: inherit;
  /* Torn-edge top */
  position: relative;
}

.automotive-wc-receipt::before {
  content: '';
  display: block;
  height: 14px;
  background: radial-gradient(circle at 8px -3px, transparent 7px, #fff 7px) -3px 0 / 14px 14px repeat-x;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

/* Receipt header */
.automotive-wc-receipt__header {
  background: #1a1a2e;
  color: #fff;
  text-align: center;
  padding: 2rem 1.5rem 1.5rem;
}

.automotive-wc-receipt__header-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(74, 222, 128, 0.2);
  border-radius: 50%;
  margin-bottom: 0.625rem;
  color: #4ade80;
}

.automotive-wc-receipt__header-check svg {
  width: 1.25rem;
  height: 1.25rem;
}

.automotive-wc-receipt__header-title {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 0.25rem;
  letter-spacing: 0.01em;
}

.automotive-wc-receipt__header-number {
  font-size: 1.375rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 0.25rem;
  letter-spacing: -0.02em;
}

.automotive-wc-receipt__header-date {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.55);
  margin: 0;
  text-transform: capitalize;
}

/* Receipt body — wraps both order-details templates */
.automotive-wc-receipt__body {
  padding: 0;
  background: #fff;
}


/* ── Order details (order-details.php) ───────────────────── */
.automotive-wc-order-details {}

.automotive-wc-order-details__items {}

.automotive-wc-order-details__items-header {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1.25rem;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #9ca3af;
  background: #F9FAFB;
  border-bottom: 1px solid #F3F4F6;
}

.automotive-wc-order-details__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1.25rem;
  gap: 0.75rem;
  border-bottom: 1px dashed #F3F4F6;
}

.automotive-wc-order-details__item:last-child {
  border-bottom: none;
}

.automotive-wc-order-details__item-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #111827;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex: 1;
  min-width: 0;
  flex-wrap: wrap;
}

.automotive-wc-order-details__item-name a {
  color: #111827;
  text-decoration: underline;
  transition: color 0.15s;
  text-underline-offset: 0.25em;
}

.automotive-wc-order-details__item-name a:hover {
  color: #E52321;
}

.automotive-wc-order-details__item-qty {
  font-size: 0.6875rem;
  color: #9ca3af;
  font-weight: 400;
  flex-shrink: 0;
}

.automotive-wc-order-details__item-total {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Totals */
.automotive-wc-order-details__totals {
  border-top: 1px solid #E5E7EB;
  background: #F9FAFB;
}

.automotive-wc-order-details__totals-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1.25rem;
  border-bottom: 1px dashed #E5E7EB;
  font-size: 0.8125rem;
  color: #374151;
}

.automotive-wc-order-details__totals-row:last-child {
  border-bottom: none;
}

.automotive-wc-order-details__totals-label {
  font-weight: 400;
}

.automotive-wc-order-details__totals-value {
  font-weight: 600;
}

/* Grand total row */
.automotive-wc-order-details__totals-row--grand {
  background: #e9e9e9;
  padding: 0.875rem 1.25rem;
  border-bottom: none;
}

.automotive-wc-order-details__totals-row--grand .automotive-wc-order-details__totals-label,
.automotive-wc-order-details__totals-row--grand .automotive-wc-order-details__totals-value {
  color: #111827;
  font-weight: 700;
  font-size: 0.9375rem;
}


/* ── Customer details (order-details-customer.php) ───────── */
.automotive-wc-customer-details {
  border-top: 1px dashed #E5E7EB;
}

.automotive-wc-customer-details__block {
  padding: 0.875rem 1.25rem;
  border-bottom: 1px dashed #F3F4F6;
}

.automotive-wc-customer-details__block:last-child {
  border-bottom: none;
}

.automotive-wc-customer-details__title {
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #9ca3af;
  margin: 0 0 0.5rem !important;
}

.automotive-wc-customer-details__address {
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  color: #374151;
  line-height: 1.6;
  margin: 0;
}

.automotive-wc-customer-details__meta {
  display: block;
  margin-top: 0.2rem;
}

.automotive-wc-customer-details__meta a {
  color: #6b7280;
  text-decoration: none;
  transition: color 0.15s;
}

.automotive-wc-customer-details__meta a:hover {
  color: #E52321;
}

/* ── Receipt footer ───────────────────────────────────────── */
.automotive-wc-receipt__footer {
  border-top: 1px dashed #E5E7EB;
  padding: 1rem 1.5rem;
  text-align: center;
  background: #fff;
}

.automotive-wc-receipt__footer-brand {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #9ca3af;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0;
}


/* ── Mobile ───────────────────────────────────────────────── */
@media (max-width: 899px) {
  .automotive-thankyou-col--receipt {
    order: -1;
    /* receipt shows first on mobile */
  }
}

@media (max-width: 600px) {
  .automotive-thankyou-layout {
    padding: 0 1rem;
    margin: 1.5rem auto;
  }

  .automotive-thankyou-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .automotive-thankyou-actions .button {
    text-align: center;
  }

  .automotive-thankyou-expect__title {
    font-size: 1.125rem;
  }
}

.automotive-wc-order-details__actions {
    padding: 0.875rem 1.25rem;
    background: #fff;
    border-top: 1px dashed #E5E7EB;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
}
.automotive-wc-order-details__actions-label {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9ca3af;
    margin: 0;
}
.automotive-wc-order-details__actions-buttons {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.automotive-wc-order-details__actions-buttons .woocommerce-button,
.automotive-wc-order-details__actions-buttons a.order-actions-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    text-decoration: none;
    transition: background 0.2s;
}

.automotive-wc-order-details__actions-buttons .woocommerce-button.view {
    background: #1a1a2e;
    flex-grow: 1;
}

.automotive-wc-order-details__actions-buttons a.order-actions-button.invoice {
  background: #d50117;
  flex-grow: 1;
}

.automotive-wc-order-details__actions-buttons .woocommerce-button:hover,
.automotive-wc-order-details__actions-buttons a.order-actions-button:hover {
    background: #2d2d4e;
    color: #fff !important;
}



.page-id-3780 .owp-vacancies-list-text {
  display: none;
}

/* Footer heading overrides */
/* .site-footer .wp-block-kadence-advancedheading[class*="kt-adv-heading"],
.site-footer
  .wp-block-kadence-advancedheading[data-kb-block^="kb-adv-heading"] {
  font-size: 11px !important;
  font-weight: 700 !important;
} */

/*** === Website Name: Audi === ***/
/* .site-audi .last-vacancy-card .btn,
.site-audi #main .vacancy-card .btn,
.site-audi #main a.cta_btn,
.site-audi .vacancy-content__enroll .btns .apply {
  border: 1px solid var(--global-palette-btn-bg);
  background: var(--global-palette-btn-bg);
  color: var(--global-palette-btn);
}

.site-audi .last-vacancy-card .btn:hover,
.site-audi #main .vacancy-card .btn:hover,
.site-audi #main .cta_btn a:hover,
.site-audi #main a.cta_btn:hover,
.site-audi .vacancy-content__enroll .btns .apply:hover {
  border: 1px solid var(--global-palette-btn-bg-hover);
  background: var(--global-palette-btn-bg-hover);
  color: #fff;
} */

/* Vacatures Pagination */
/* .site-audi .vacancies_pagination .page.active {
  background: #000000;
}

.site-audi .vacancies_pagination .page:not(.dots):hover {
  background: #565656;
  color: #fff;
}

.site-audi .vacancies_pagination .page:not(.dots):hover img {
  filter: brightness(0) invert(1);
} */

.site-audi .filter-group .filter-row {
  color: #000000;
}

.site-audi .filter-group .filter-title {
  color: #000000;
}

.site-audi .filter-header {
  color: #000000;
}

.site-audi .vacancies_head .sorting span.how {
  color: #000000;
}

.site-audi .vacancies_grid .vacancy-card p {
  color: #000000;
}

/* Vacatures Details Sidebar */
.site-audi .vacancy-content__last.light {
  color: #000000;
  background-color: rgba(0, 30, 80, 0.05);
}

.site-audi .vacancy-content__last {
  background-color: #000000;
}

.site-audi .vacancy-content__enroll .btns .back {
  color: #000000;
}

.site-audi .mobile-sticky {
  background-color: #000000;
}

.site-audi .mobile-sticky .btns .apply {
  color: #000000;
}

/* Vacature Details Page */
.vacancy-content__last h3 {
  line-height: 1.2em;
}

.vacancy-content {
  padding-bottom: 50px;
}

@media screen and (max-width: 1200px) {
  .vacancy-content {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media screen and (max-width: 568px) {
  .vacancy-content__last h3 {
    font-size: 28px;
  }
}

/* === End Site Audi ===  */


/*** === Website Name: VW Bedrijf === ***/

.site-vwbedrijf .vacancy-content__last.light {
  color: #000000;
  background-color: rgb(76, 199, 244);
}

.site-vwbedrijf .vacancy-content__last {
  background-color: #001E50;
}

.site-vwbedrijf .vacancy-content__enroll .btns .back {
  color: #000000;
}

.site-vwbedrijf .mobile-sticky {
  background-color: #001E50;
}

.site-vwbedrijf .mobile-sticky .btns .apply {
  color: #001E50;
}

/* === End Site VW Bedrijf ===  */

.plans_list .products>li {
  overflow: visible !important;
}

.like_icon {
  width: 56px;
  opacity: 0;
  transition: all .2s linear;
  margin-bottom: -15px;
}

.plans_list .kb-query-item:hover .like_icon {
  opacity: 1;
}

.plans_list .product_cat-premium {
  background-color: #ffffff !important;
  color: inherit !important;
}

.plans_list h2 {
  z-index: 1;
}

.plans_list .product_cat-premium h2 {
  color: #242424 !important;
}

.plans_list .auto-product-description ul {
  margin-top: 15px !important;
}

.plans_list .auto-product-description li {
  margin-bottom: 5px;
}

.plans_list .auto-product-description li img {
  margin-right: 10px !important;
}

.plans_list .product_cat-premium {
  position: relative;
}

.plans_list .product_cat-premium .kb-query-item-flip-back {
  position: absolute;
  /* width: calc(100% + 36px); */
  width: 100%;
  height: calc(100% + 20px);
  top: -20px;
  /* left: -18px; */
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  border: 2px solid #edecec;
  border-radius: 26px;
}

/* .plans_list .product_cat-premium .kb-query-item-flip-back:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 21px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid var(--global-palette-btn-bg);
} */

.plans_list .product_cat-premium .kb-query-item-flip-back:after {
  content: 'Meest gekozen';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 14px;
  background: var(--global-palette-btn-bg);
  height: 32px;
  color: #fff;
  font-size: 14px;
  padding: 0 14px;
  line-height: 30px;
  border-radius: 16px;
}

.plans_list .product_cat-premium a.kb-button {
  background: var(--global-palette-btn-bg);
  position: relative;
  overflow: visible !important;
}

.plans_list .product_cat-premium a.kb-button:hover {
  background: var(--global-palette-btn-bg-hover, #2f2ffc);
}

.plans_list .product_cat-premium a.kb-button span {
  color: #fff;
}

/* .plans_list .product_cat-premium a.kb-button:before {
  content: '';
  position: absolute;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  top: -4px;
  left: -4px;
  border: 1px solid #d3d2d2;
  opacity: 1;
  border-radius: 32px;
} */

.plans_list .custom-price-style {
  font-weight: 600;
  color: #000;
}

.plans_list .kb-query-item>div.wp-block-kadence-column {
  height: 100%;
}

.plans_list .kt-inside-inner-col>div:nth-last-child(2) {
  margin-top: auto;
}

@media(max-width: 768px) {
  .like_icon {
    opacity: 1;
  }
}

/* .automotive-home-vacancies .automotive-vacancy-header {
  width: 100%;
  justify-content: space-between;
} */

/* .automotive-home-vacancies .automotive-vacancy .automotive-vacancy-title {
  width: 100%;
} */

body *{
  font-family: var(--global-heading-font-family);
  font-stretch: 130%;
}
.kt-inside-inner-col .container{
  width: 100%;
}
.search {
  max-width: 100%;
  margin: 0 auto;
}
.search form:not(.list){
  border-radius: 10px;
  padding: 40px;
}
@media (max-width: 767px) {
  .search form:not(.list){
    padding: 20px;
  }
}
.form-controller input, .form-controller select {
  border-radius: 4px !important;
  background: #f0f2f3 !important;
  height: 60px;
  font-size: 16px !important;
}
.form-controller label {
  display: none;
}
.form-controller{
  position: relative;
}
.hero_section .form-controller:after{
  content: '';
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%);
  width : 19px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='11' viewBox='0 0 20 11' fill='none'%3E%3Cpath d='M9.67813 10.2188L10.4956 9.50674L19.3562 1.91192L17.7213 1.09661e-06L9.67813 6.89602L1.635 2.50291e-06L6.90319e-06 1.91192L8.86063 9.50674L9.67813 10.2188Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.hero_section .search form .fields .form-controller:nth-child(1):after{
  display: none;
}
.primary-color{
  color: var(--primary-text-color);
}
.primary-color a{
  color: var(--primary-text-color);
  text-decoration: none;
}

.content-media .wp-block-button{
  margin-top: 10px !important;
}
.wp-block-separator{
  border: none;
  max-width: calc(var(--global-content-width) - 30px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0 !important;
}
.search .search-button{
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  border-radius: 4px;
  padding: 14px 30px 14px 30px;
  background: var(--global-palette-btn-bg);
  width: -webkit-fill-available;
  margin-left: 10px;
  height: 60px;
  color: var(--global-palette-btn) !important;
  white-space: nowrap;
}
.search .search-button:hover{
  background: var(--global-palette-btn-bg-hover);
}
.search .search-button:hover{
  color: #fff !important;
}
.search .search-button:hover img{
  filter: brightness(1);
}
.search .search-button:after{
  content: 'Zoek vacature';
}
@media (max-width: 1200px){
  .form-controller input, .form-controller select {
    min-width: 297px !important;
  }
  .hero_section .container{
    max-width: 100%;
  }
  .hero_section .container {
    margin : 30px 0 0 0;
  }
}

.search .search-button img{
  width : 20px;
  margin-right: 10px;
  filter: var(--search-icon-filter);
  transition: 0.3s;
}
.search form .fields {
  gap: 10px;
}
body .newest_vacancies_section,
body .call-to-action-section{
  background-color: var(--call-to-action-bg, #262626);
}
.site-top-footer-wrap{
  display: none;
}
#colophon.site-footer{
  background: var(--footer-bg, #262626);
}
body .site-bottom-footer-wrap .site-footer-row-container-inner {
  background : #000;
}
body .site-footer h5,
.vw-footer-menu-vertical ul.menu li.menu-item a{
  color: var(--footer-text-color, #fff) !important;
}
body .site-footer h5{
  margin-bottom: 20px !important;
}
.colleagues-say-section .kt-blocks-info-box-text{
  color: var(--primary-text-color);
}
@media(min-width: 768px) {
  .wp-block-separator.show-on-mobile {
    display: none;
  }
}
@media(max-width: 767px){
  .content-media .wp-block-button{
    width: 100%;
  }
  .content-media.mobile-reverse .kt-row-column-wrap .wp-block-kadence-column:nth-child(1){
    order: 2;
  }
  .content-media.mobile-reverse .kt-row-column-wrap .wp-block-kadence-column:nth-child(2){
    order: 1;
  }
  .wp-block-separator{
    margin-left: 20px;
    margin-right: 20px;
  }
  .show-on-desktop{
    display: none !important;
  }
  .search form{
    flex-direction: column;
  }
  .search .search-button{
    margin: 10px 0 0 0;
  }
  .hero_section .container{
    margin: 30px 0 0 0;
    padding: 0;
  }
  .home .hero_section .kt-row-column-wrap {
    align-content: flex-end !important;
    padding-bottom: 40px !important;
  }
}
.newest_vacancies_btn_mobile .kt-inside-inner-col{
  padding: 0 !important;
}
.newest_vacancies_btn_mobile .kt-inside-inner-col .wp-block-buttons {
  width: 100%;
}

.ots_logos_section .wp-block-kadence-advancedgallery{
  margin-bottom: 0 !important;
}
.ots_logos_section figure.kb-gallery-figure img {
  max-height: 90px !important;
  filter: grayscale(1);
}
.newest_vacancies_section .vacancies_grid{
  grid-template-columns: 1fr 1fr !important;
  margin-bottom: 0;
}
.vacancies_grid .vacancy-card a:nth-child(3){
  margin-top: auto;
}
.newest_vacancies_section .vacancies_grid .vacancy-card{
  border-radius: 6px !important;
  padding: 40px;
  display: flex;
  flex-direction: column;
}
.newest_vacancies_section .vacancies_grid .vacancy-card .labels,
.newest_vacancies_section .vacancies_grid .vacancy-card .btn{
  display: none;
}
.newest_vacancies_section .vacancies_grid .vacancy-card .logo{
  height: 60px;
  display: flex;
  align-items: center;
}
.newest_vacancies_section .vacancies_grid .vacancy-card .logo img {
  max-height : 60px;
  max-width: 150px;
}
.newest_vacancies_section .vacancies_grid .vacancy-card h3{
  margin-top: 32px !important;
  font-size: 24px;
  margin-bottom: 16px !important;
  color: var(--primary-text-color) !important;
  height: auto;
  min-height: auto;
}
.newest_vacancies_section .vacancies_grid .vacancy-card p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0 !important;
  color: #000;
}
@media(max-width: 767px){
  .newest_vacancies_section .vacancies_grid{
    gap: 20px;
    grid-template-columns: 1fr !important;
  }
  .newest_vacancies_section .vacancies_grid .vacancy-card {
    padding: 20px;
  }
  .newest_vacancies_section .vacancies_grid .vacancy-card h3 {
    margin-top: 20px !important;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px !important;
  }
  .newest_vacancies_section .vacancies_grid .vacancy-card p {
    font-size   : 14px;
    line-height : 22px;
  }
}




.bc-job-categories__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.bc-job-categories__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: rgba(231, 233, 234, 0.4);
  border: 1px solid #D5DCE0;
  border-radius: 8px;
  overflow: hidden;
  transition:
          transform 0.25s ease,
          box-shadow 0.25s ease;
}
.bc-job-categories__card:hover{
  transform: translateY(-4px);
  box-shadow:
          0 10px 20px rgba(20, 20, 20, 0.12),
          0 4px 6px rgba(20, 20, 20, 0.08);
}
.vacancies_grid .vacancy-card{
  transition:
          transform 0.25s ease,
          box-shadow 0.25s ease;
}
.vacancies_grid .vacancy-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 1), 0 4px 6px rgba(0, 0, 0, 1);
}

.bc-job-categories__image {
  width: 100%;
  background-color: #dedede;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex: 0 0 auto;
  aspect-ratio: 1.57;
}

.bc-job-categories__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 30px 20px;
}

.bc-job-categories__card-title {
  margin: 0 0 20px !important;
  font-size: 24px;
  line-height: 1;
  color: #000;
}

.bc-job-categories__text {
  margin: 0 0 24px !important;
  max-width: 314px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}

.bc-job-categories__link {
  margin-top: auto;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color: var(--primary-text-color);
  text-decoration: none;
}

.bc-job-categories__link:hover,
.bc-job-categories__link:focus {
  text-decoration: underline;
  color: var(--primary-text-color);
}

@media (min-width: 768px) {
  .bc-job-categories__image{
    aspect-ratio: 1.86;
  }
  .bc-job-categories {
    padding: 0 24px;
  }

  .bc-job-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .bc-job-categories {
    padding: 0;
  }

  .bc-job-categories__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
  }
  .bc-job-categories__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 30px 30px 47px;
  }
}


.bc-vacature-tags {
  margin: 40px auto 60px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}

.bc-vacature-tags__item {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 13px 12px 13px 30px;
  border: 1px solid #d5dce0;
  border-radius: 60px;
  background: rgba(231, 233, 234, 0.4);
  text-decoration: none;
}

.bc-vacature-tags__item:hover,
.bc-vacature-tags__item:focus {
  text-decoration: underline;
  color: #000;
}

.bc-vacature-tags__item:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.bc-vacature-tags__label {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  font-weight: 600;
}

.bc-vacature-tags__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-left: 10px;
  border-radius: 50%;
  background: #262626;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  font-family: sans-serif;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .bc-vacature-tags {
    gap: 12px;
    margin: 40px auto 40px !important;
  }
  .bc-vacature-tags__item {
    width: 100% !important;
    border: none;
    padding: 8px 7px 8px 30px;
    min-height: 50px;
    background: #E7E9EA;
  }
}

@media (max-width: 767px) {
  .ots_logos_section .kb-gallery-type-carousel .kb-slide-item {
    width: 180px !important;
  }

  .ots_logos_section .kb-gallery-type-carousel .kb-gallery-image-contain,
  .ots_logos_section .kb-gallery-type-carousel img {
    max-width: 180px;
    width: 100%;
    height: auto;
  }
}
.home #masthead .site-header-row-container-inner{
  background: transparent;
}


.site-audi2 .filter-group .filter-row {
  color: #000000;
}
.site-audi2 .filter-group .filter-title {
  color: #000000;
}
.site-audi2 .filter-header {
  color: #000000;
}
.site-audi2 .vacancies_head .sorting span.how {
  color: #000000;
}
.site-audi2 .vacancies_grid .vacancy-card p {
  color: #000000;
}
/* Vacatures Details Sidebar */
.site-audi2 .vacancy-content__last.light {
  color: #000000;
  background-color: rgba(0, 30, 80, 0.05);
}
.site-audi2 .vacancy-content__last {
  background-color: #000000;
}
.site-audi2 .vacancy-content__enroll .btns .back {
  color: #000000;
}
.site-audi2 .mobile-sticky {
  background-color: #000000;
}
.site-audi2 .mobile-sticky .btns .apply {
  color: #000000;
}
.vacancies_head .count {
  font-size   : 12px;
}
.filter-header {
  font-size   : 17px;
}
.vacancies_grid .vacancy-card h3 {
  font-size   : 17px;
}
.vacancies_grid .vacancy-card .label {
  font-size         : 11px;
}
.vacancies_grid .vacancy-card a:hover{
  color: #000 !important;
}
.site-audi2 .vacancy-content__last h3 {
  font-weight: 700;
  font-size: 28px;
  margin: 0 0 20px;
}
.site-audi2 .vacancy-content__last {
  background-color: #e9e9e9;
  color: #7d7d7d;
}
.site-audi2 .vacancy-content__last.light {
  background: #252525;
  color: #fff;
}
.site-audi2 .vacancy-content__last:not(.light) h3{
  color: var(--primary-text-color);
}

.automotive-header-top-bar {
  background-color: #ebebeb;
  border-bottom: 1px solid #e0e0e0;
}
.automotive-header-top-bar__inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 42px;
  padding: 4px 15px 6px;
}
.automotive-header-top-bar__menu {
  display: flex;
  justify-content: flex-end;
  gap: 0 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: row-reverse;
}
.automotive-header-top-bar__menu a {
  color: #4a4a4a;
  font-size: 13px;
  text-decoration: none;
}
.automotive-header-top-bar__menu a:hover {
  color: #000;
  text-decoration: underline;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a,
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
.mobile-toggle-open-container .menu-toggle-open,
.mobile-toggle-open-container .menu-toggle-open:focus{
  color: #000 !important;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover{
  text-decoration: underline;
}
.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon {
  font-size: 42px;
}
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.item-hidden-above):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.item-hidden-above) > .site-header-row-container-inner {
  background: #fff;
}
.site-main-header-wrap .site-header-row-container-inner>.site-container {
  padding: 17px 15px 17px 15px;
}
.drawer-content .mobile-html{
  display: none;
}
.footer-widget-area .kt-row-column-wrap.kt-has-4-columns{
  gap: 30px 10px !important;
}
.vw-footer-menu-vertical ul.menu li.menu-item a{
  word-break: normal;
  font-stretch: 117%;
}

.wp-block-buttons .wp-block-button__link{
  height: 60px !important;
}
#main-header .header-button{
  height: 50px !important;
  padding: 5px 30px;
  display: flex;
  align-items: center;
}
.bc-vacature-tags__count{
  background: var(--footer-bg);
}

.ots-vacancy-template-default header{
  position: relative !important;
}
.item-is-fixed.item-at-start{
  /*top: auto !important;*/
  /*position: relative !important;*/
}