/* Careers page (includes/careers.php). Same colors and type as the old job cards. */
@media (min-width: 1025px) { .elementor-element-566ba9c .elementor-heading-title { font-size: 46px !important; } }
.yn-careers { font-family: Raleway, sans-serif; color: #414042; }
.yn-careers *, .yn-careers *::before, .yn-careers *::after { box-sizing: border-box; }
.yn-c-wrap { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.yn-c-jobs { background: #f0f3f8; padding: 10px 0 50px; }
.yn-c-country { font-family: Raleway, sans-serif; font-size: 30px; font-weight: 600; color: #414042; margin: 30px 0 16px; }
.yn-c-job { background: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, .1); padding: 20px 24px; margin-bottom: 16px; scroll-margin-top: 100px; }
.yn-c-job-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; }
.yn-c-job-title { flex: 1 1 300px; min-width: 0; }
.yn-c-job h4 { font-family: Raleway, sans-serif; font-size: 22px; font-weight: 700; color: #414042; margin: 0; line-height: 1.3; }
.yn-c-pay { font-size: 15px; font-weight: 600; color: #0128b2; margin: 4px 0 0; }
.yn-c-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.yn-careers .yn-c-btn { display: inline-block; font-family: Raleway, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.3; padding: 10px 18px; border-radius: 3px; border: 2px solid transparent; cursor: pointer; text-decoration: none; }
.yn-careers .yn-c-blue, .yn-careers .yn-c-blue:hover, .yn-careers .yn-c-blue:focus { background: #0128b2; border-color: #0128b2; color: #fff; }
.yn-careers .yn-c-gray, .yn-careers .yn-c-gray:hover, .yn-careers .yn-c-gray:focus { background: #414042; border-color: #414042; color: #fff; }
.yn-careers .yn-c-outline, .yn-careers .yn-c-outline:hover, .yn-careers .yn-c-outline:focus { background: #fff; border-color: #0128b2; color: #0128b2; }
.yn-careers a.yn-c-btn, .yn-careers a.yn-c-btn:hover, .yn-careers a.yn-c-btn:focus { text-decoration: none !important; }
.yn-careers .yn-c-btn:hover { opacity: .88; }
.yn-careers .yn-c-btn:focus-visible { outline: 2px solid #0128b2; outline-offset: 2px; }
.yn-c-summary { font-size: 16px; line-height: 24px; margin: 12px 0 0; }
.yn-c-details { font-size: 16px; line-height: 24px; margin-top: 12px; border-top: 1px solid #e3e7ef; padding-top: 12px; }
.yn-c-details[hidden] { display: none; }
.yn-c-details p { margin: 0 0 12px; }
.yn-c-details p:last-child { margin-bottom: 0; }
.yn-c-apply { padding: 50px 0; scroll-margin-top: 90px; }
.yn-c-apply h2 { font-family: Raleway, sans-serif; font-size: 35px; font-weight: 600; color: #414042; text-align: center; margin: 0 0 8px; }
.yn-c-sub { text-align: center; font-size: 16px; line-height: 24px; margin: 0 0 24px; }
.yn-c-applying { text-align: center; font-size: 16px; font-weight: 700; color: #0128b2; margin: 0 0 20px; }
.yn-c-applying[hidden] { display: none; }
.yn-c-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.yn-careers .yn-c-grid label { display: block; font-size: 14px; font-weight: 600; color: #414042; margin: 0; }
.yn-careers .yn-c-grid input, .yn-careers .yn-c-grid select, .yn-careers .yn-c-grid textarea { display: block; width: 100%; margin-top: 6px; background: #f0f3f8; border: 1px solid #000; border-radius: 4px; font-family: inherit; font-size: 16px; font-weight: 400; color: #000; padding: 8px 10px; min-height: 40px; }
.yn-careers .yn-c-grid input[type=file] { padding: 6px; background: #f0f3f8; }
.yn-c-wide { grid-column: span 2; }
.yn-c-full { grid-column: 1 / -1; }
.yn-c-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.yn-c-error { background: #fdecea; border: 1px solid #c62828; color: #8e1c1c; border-radius: 4px; padding: 10px 12px; font-size: 15px; margin: 16px 0 0; }
.yn-c-error[hidden] { display: none; }
.yn-careers .yn-c-submit { display: block; margin: 24px auto 0; font-size: 16px; padding: 12px 28px; }
.yn-careers .yn-c-submit[disabled] { opacity: .6; cursor: wait; }
.yn-c-thanks { text-align: center; padding: 30px 20px; background: #f0f3f8; border-radius: 4px; outline: none; }
.yn-c-thanks[hidden] { display: none; }
.yn-c-thanks h3 { font-family: Raleway, sans-serif; font-size: 26px; font-weight: 600; color: #414042; margin: 0 0 8px; }
.yn-c-thanks p { font-size: 16px; line-height: 24px; margin: 0; }
@media (max-width: 767px) {
  .yn-c-grid { grid-template-columns: minmax(0, 1fr); }
  .yn-c-wide { grid-column: auto; }
  .yn-c-job { padding: 16px; }
  .yn-c-job h4 { font-size: 20px; }
  .yn-c-actions { width: 100%; }
  .yn-careers .yn-c-actions .yn-c-btn { flex: 1 1 auto; text-align: center; font-size: 14px; padding: 10px 8px; }
  .yn-c-apply { padding: 36px 0; }
  .yn-c-apply h2 { font-size: 28px; }
}