/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/careers/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/**
 * Styles for Wassenaar Vacatures & Werken Bij Block
 */
:root {
  --wi-font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Ensure no gap between sections */
:root :where(.wp-block-create-block-wassenaar-careers),
.wp-block-create-block-wassenaar-careers,
.wp-site-blocks > .wp-block-create-block-wassenaar-careers,
body .is-layout-flow > .wp-block-create-block-wassenaar-careers,
body .is-layout-constrained > .wp-block-create-block-wassenaar-careers {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.wi-careers-block {
  font-family: var(--wi-font-family);
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 95px 24px 105px;
  overflow: hidden;
}
.wi-careers-block *, .wi-careers-block *::before, .wi-careers-block *::after {
  box-sizing: border-box;
}

.wi-careers-inner {
  max-width: 1360px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.25fr 0.95fr;
  gap: 75px;
  align-items: center;
}

/* ==========================================================================
   Left Column: Text & CTA Button
   ========================================================================== */
.wi-careers-left-col .wi-careers-heading {
  font-size: 38px;
  font-weight: 800;
  line-height: 1.22;
  color: #111827;
  margin: 0 0 24px 0;
  letter-spacing: -0.4px;
}
.wi-careers-left-col .wi-careers-paragraph {
  font-size: 15px;
  line-height: 1.68;
  color: #111827 !important;
  font-weight: 500;
  margin: 0 0 22px 0;
  max-width: 580px;
}
.wi-careers-left-col .wi-careers-paragraph:last-of-type {
  margin-bottom: 0;
}
.wi-careers-left-col .wi-careers-btn-wrap {
  margin-top: 34px;
}
.wi-careers-left-col .wi-careers-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 34px;
  border-radius: 9999px;
  font-size: 14.5px;
  font-weight: 700;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  background-color: #111827;
  color: #ffffff;
}
.wi-careers-left-col .wi-careers-cta-btn span {
  color: inherit !important;
}
.wi-careers-left-col .wi-careers-cta-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor !important;
  color: currentColor !important;
  transition: transform 0.2s ease;
}
.wi-careers-left-col .wi-careers-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32);
}
.wi-careers-left-col .wi-careers-cta-btn:hover svg {
  transform: translateX(4px);
}
.wi-careers-left-col .wi-careers-cta-btn:active {
  transform: translateY(0);
}
.wi-careers-left-col .wi-careers-cta-btn {
  /* When button has white / light background (as shown in Screenshot 2) */
}
.wi-careers-left-col .wi-careers-cta-btn[style*="#ffffff"], .wi-careers-left-col .wi-careers-cta-btn[style*="rgb(255, 255, 255)"], .wi-careers-left-col .wi-careers-cta-btn[style*=white], .wi-careers-left-col .wi-careers-cta-btn[style*="#fff"] {
  background-color: #ffffff !important;
  color: #111827 !important;
}
.wi-careers-left-col .wi-careers-cta-btn[style*="#ffffff"] span, .wi-careers-left-col .wi-careers-cta-btn[style*="rgb(255, 255, 255)"] span, .wi-careers-left-col .wi-careers-cta-btn[style*=white] span, .wi-careers-left-col .wi-careers-cta-btn[style*="#fff"] span {
  color: #111827 !important;
}
.wi-careers-left-col .wi-careers-cta-btn[style*="#ffffff"] svg, .wi-careers-left-col .wi-careers-cta-btn[style*="rgb(255, 255, 255)"] svg, .wi-careers-left-col .wi-careers-cta-btn[style*=white] svg, .wi-careers-left-col .wi-careers-cta-btn[style*="#fff"] svg {
  fill: #111827 !important;
  color: #111827 !important;
}
.wi-careers-left-col .wi-careers-cta-btn[style*="#ffffff"]:hover, .wi-careers-left-col .wi-careers-cta-btn[style*="rgb(255, 255, 255)"]:hover, .wi-careers-left-col .wi-careers-cta-btn[style*=white]:hover, .wi-careers-left-col .wi-careers-cta-btn[style*="#fff"]:hover {
  background-color: #f1f5f9 !important;
  color: #000000 !important;
}
.wi-careers-left-col .wi-careers-cta-btn[style*="#ffffff"]:hover span, .wi-careers-left-col .wi-careers-cta-btn[style*="rgb(255, 255, 255)"]:hover span, .wi-careers-left-col .wi-careers-cta-btn[style*=white]:hover span, .wi-careers-left-col .wi-careers-cta-btn[style*="#fff"]:hover span {
  color: #000000 !important;
}
.wi-careers-left-col .wi-careers-cta-btn[style*="#ffffff"]:hover svg, .wi-careers-left-col .wi-careers-cta-btn[style*="rgb(255, 255, 255)"]:hover svg, .wi-careers-left-col .wi-careers-cta-btn[style*=white]:hover svg, .wi-careers-left-col .wi-careers-cta-btn[style*="#fff"]:hover svg {
  fill: #000000 !important;
  color: #000000 !important;
}
.wi-careers-left-col .wi-careers-cta-btn {
  /* When button has dark background (#111827 or similar) */
}
.wi-careers-left-col .wi-careers-cta-btn[style*="#111827"], .wi-careers-left-col .wi-careers-cta-btn[style*="rgb(17, 24, 39)"] {
  background-color: #111827 !important;
  color: #ffffff !important;
}
.wi-careers-left-col .wi-careers-cta-btn[style*="#111827"] span, .wi-careers-left-col .wi-careers-cta-btn[style*="rgb(17, 24, 39)"] span {
  color: #ffffff !important;
}
.wi-careers-left-col .wi-careers-cta-btn[style*="#111827"] svg, .wi-careers-left-col .wi-careers-cta-btn[style*="rgb(17, 24, 39)"] svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}
.wi-careers-left-col .wi-careers-cta-btn[style*="#111827"]:hover, .wi-careers-left-col .wi-careers-cta-btn[style*="rgb(17, 24, 39)"]:hover {
  background-color: #000000 !important;
}

/* ==========================================================================
   Right Column: Inspector/Panel Photo Card
   ========================================================================== */
.wi-careers-right-col {
  display: flex;
  justify-content: flex-end;
}
.wi-careers-right-col .wi-careers-img-card {
  width: 100%;
  max-width: 440px;
  aspect-ratio: 1/1;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28);
  background-color: rgba(0, 0, 0, 0.2);
}
.wi-careers-right-col .wi-careers-img-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.wi-careers-right-col .wi-careers-img-card:hover img {
  transform: scale(1.03);
}

/* ==========================================================================
   Responsive Breakpoints
   ========================================================================== */
@media (max-width: 1024px) {
  .wi-careers-inner {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .wi-careers-right-col {
    justify-content: center;
  }
  .wi-careers-right-col .wi-careers-img-card {
    margin: 0 auto;
    max-width: 400px;
  }
  .wi-careers-block {
    padding: 70px 20px 80px;
  }
  .wi-careers-left-col .wi-careers-heading {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  .wi-careers-left-col .wi-careers-heading {
    font-size: 26px;
  }
  .wi-careers-left-col .wi-careers-paragraph {
    font-size: 14px;
  }
  .wi-careers-block {
    padding: 55px 16px 65px;
  }
}

/*# sourceMappingURL=style-index.css.map*/