/****************************
 * Career Items
*****************************/
.vii-career-item {padding:24px 0 40px 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:60px;aspect-ratio:1/1;padding:9px 8px;}
.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:1023px) {
    .vii-career-item {padding-bottom:32px;}
}
@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:60px;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:8px;}
}