/****************************
 * Career Items
*****************************/
.vii-career-item {padding:16px 0;border-top:1px solid var(--vii-color-light-gray-7);}
.vii-career-item:last-of-type {padding-bottom:0;}

/* info */
.vii-career-item__info {gap:16px;}

/* info > location */
.vii-career-item__location {width:200px;line-height:1.4;}
.vii-career-item__logo-title {width:calc(100% - 72px);line-height:1.4;}
.vii-career-item__thumbnail-title {gap:12px;width:50%;}

/* info > logo */
.vii-career-item__logo {max-width:42px;aspect-ratio:1/1;}
.vii-career-item__logo img {mix-blend-mode:multiply;}

/* info > button */
.vii-career-item__button {min-width:143px;}

/* hover */
.vii-career-item__inner:hover .vii-career-item__title,
.vii-career-item__inner:focus .vii-career-item__title {
    color:var(--vii-color-orange);
    --vii-color-heading:var(--vii-color-orange);
}


/****************************
 * Responsive Career Items
*****************************/
@media screen and (max-width:768px) {
    .vii-career-item__info {flex-wrap:wrap;}
    .vii-career-item__thumbnail-title { width:calc(60% - 16px); }
    .vii-career-item__location {width:40%;justify-content:flex-end;gap:12px;}
    .vii-career-item__location [class*="icon-"] {width:42px;height:32px;display:flex;}
}
@media screen and (max-width:480px) {
    .vii-career-item__thumbnail-title { width:100%; }
    .vii-career-item__location {width:100%;justify-content:flex-start;}
    .vii-career-item__button {margin-top:16px;}
    .vii-career-item__info {gap:4px;}
}