/*
Theme Name: Forvalue
Author: INOMA
Version: 1.0.0
Author URI: https://INOMA.nl
*/

.card--vacancy {
  background-color: var(--cl-secondary);
  height: 100%;
}
.card--vacancy,
.card--vacancy .card__image {
  border-radius: var(--r-l);
}
.card--vacancy .card__content {
  flex: .6;
  padding: 2em 1.8em;
}
.card--vacancy .card__image {
  flex: .4;
}
@media (max-width: 991.98px) {
  .card--vacancy .card__image { aspect-ratio: 1/.7; }
}
@media (min-width: 768px) {
  .card--vacancy .card__content { padding: 2.2em 2.6em 2.6em; }
}
@media (min-width: 1200px) {
  .card--vacancy .card__content { padding: 2.8em 3.1em 3.1em; }
}

.vacancy-details {
  padding: .6em 0;
  border-top: 2px solid var(--cl-border);
  border-bottom: 2px solid var(--cl-border);
}

.icon-clock::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url('assets/clock.svg') center / contain no-repeat;
}
.icon-location:before {
  content: "\e907";
}