/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.item-wrapper {
  display: flex !important; }
  .item-wrapper:nth-child(odd) .vacancy-item {
    background: linear-gradient(180deg, #2c435e 0%, rgba(44, 67, 94, 0.75) 100%);
    color: var(--white); }
    .item-wrapper:nth-child(odd) .vacancy-item .wishlist {
      color: var(--green); }
    .item-wrapper:nth-child(odd) .vacancy-item .meta {
      border-top: 1px solid var(--white);
      border-bottom: 1px solid var(--white); }
    .item-wrapper:nth-child(odd) .vacancy-item .view-vacancy a {
      color: var(--white); }
    .item-wrapper:nth-child(odd) .vacancy-item h2 a {
      color: var(--white); }
  .item-wrapper:hover h2 a {
    text-decoration: none;
    color: var(--gray-blue); }
  .item-wrapper:hover .view-vacancy a {
    transform: translateX(5px);
    color: var(--gray-blue); }
  .item-wrapper:hover:nth-child(odd) h2 a {
    color: var(--green); }
  .item-wrapper:hover:nth-child(odd) .view-vacancy a {
    transform: translateX(5px);
    color: var(--green); }
  .item-wrapper .vacancy-item {
    position: relative;
    padding: 22.5px;
    background: linear-gradient(180deg, #00ffa0 0%, rgba(0, 255, 160, 0.66) 100%);
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%; }
    .item-wrapper .vacancy-item h2 {
      margin-top: 0;
      padding-bottom: 0;
      max-width: 90%; }
    .item-wrapper .vacancy-item .meta {
      border-top: 1px solid var(--dark-blue);
      border-bottom: 1px solid var(--dark-blue);
      text-transform: uppercase;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      font-size: 14px;
      padding: 0.5em 0; }
      .item-wrapper .vacancy-item .meta > :nth-child(even) {
        text-align: right;
        justify-self: end; }
      .item-wrapper .vacancy-item .meta .hours {
        display: flex;
        gap: 0.5em;
        align-items: center; }
      .item-wrapper .vacancy-item .meta .discipline-list {
        display: flex;
        flex-wrap: wrap;
        gap: 0 1em;
        grid-column: 1 / -1;
        justify-self: start;
        text-align: left;
        justify-content: space-between;
        width: 100%; }
    .item-wrapper .vacancy-item .view-vacancy {
      margin-top: auto;
      padding-bottom: 45px;
      position: relative; }
      .item-wrapper .vacancy-item .view-vacancy a {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 27px;
        transition: transform 0.3s ease-in-out,
 color 0.3s ease-in-out; }
    @media (max-width: 980px) {
      .item-wrapper .vacancy-item:active .wishlist .icon-heart:before, .item-wrapper .vacancy-item:hover .wishlist .icon-heart:before {
        content: "\e910"; }
      .item-wrapper .vacancy-item:active .wishlist.listed .icon-heart:before, .item-wrapper .vacancy-item:hover .wishlist.listed .icon-heart:before {
        content: "\e911"; } }

/*# sourceMappingURL=item.css.map */