/* Scoped to the new multilingual vacancy. Does not style Convert Forms or other Joomla content. */
.iuc-vacancy { color: #373737; }
.iuc-vacancy [hidden] { display: none !important; }
.iuc-vacancy__intro { color: #606060; font-size: 14px; margin: 0 0 24px; }

.iuc-vacancy__languages {
  border-bottom: 1px solid #e3e3e3;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 29px;
}
.iuc-vacancy__languages button {
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  color: #666;
  cursor: pointer;
  font: 700 13px Lato, Arial, sans-serif;
  margin-bottom: -1px;
  min-height: 42px;
  padding: 7px 13px 10px;
}
.iuc-vacancy__languages button:first-child { padding-left: 0; }
.iuc-vacancy__languages button:not(:last-child)::after { color: #c8c8c8; content: "|"; margin-left: 18px; }
.iuc-vacancy__languages button[aria-selected="true"] { border-bottom-color: #b59a64; color: #111; }
.iuc-vacancy__languages button:focus-visible { outline: 2px solid #b59a64; outline-offset: -2px; }

.iuc-vacancy__panel { animation: iuc-vacancy-fade .16s ease-out; }
.iuc-vacancy__panel h2 { color: #111; font-size: 20px; font-weight: 700; margin: 34px 0 9px; }
.iuc-vacancy__panel h3 { color: #111; font-size: 19px; margin: 30px 0 8px; }
.iuc-vacancy__panel p { color: #5d5d5d; margin: 0 0 16px; }
.iuc-vacancy__panel ul { list-style: none; margin: 0; padding: 0; }
.iuc-vacancy__panel li { border-bottom: 1px solid #eee; color: #3e3e3e; font-weight: 700; padding: 8px 4px 8px 32px; position: relative; }
.iuc-vacancy__panel li::before { color: #b59a64; content: "›"; font-size: 22px; font-weight: 400; left: 5px; position: absolute; top: 1px; }
.iuc-vacancy__preferred { background: #f8f7f4; border-left: 3px solid #b59a64; color: #555; margin: 25px 0; padding: 15px 18px; }
.iuc-vacancy__preferred strong { color: #222; }
.iuc-vacancy__closing { margin-top: 28px !important; }

@keyframes iuc-vacancy-fade { from { opacity: .35; } }
@media (max-width: 700px) {
  .iuc-vacancy__languages { display: grid; grid-template-columns: 1fr 1fr; }
  .iuc-vacancy__languages button { text-align: left; }
  .iuc-vacancy__languages button:first-child { padding-left: 13px; }
  .iuc-vacancy__languages button:not(:last-child)::after { display: none; }
}
@media (prefers-reduced-motion: reduce) { .iuc-vacancy__panel { animation: none; } }