/*
 * Talent carousel
 *
 * Used on home page.
 */

.vd-talentcarousel-item-image {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: contain;
    transform: translateY(-50%) scale(1.0) rotate(10deg);
    z-index: 0;
    transition: 0.4s ease;
}

.vd-talentcarousel-item:hover .vd-talentcarousel-item-image {
    transform: translateY(-50%) scale(1.2) rotate(10deg);
    z-index: 100;
}

#vd-talentcarousel {
    position: relative;
    overflow: hidden;
}

.vd-talentcarousel-info-area {
    position: absolute;
    left: 10em;
    top: 8em;
    width: 38vw;
    font-family: OneMobile;
    font-size: 0.6vw;
}

.vd-talentcarousel-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-family: OneMobile;
    font-size: 2.2em;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.vd-talentcarousel-info-active {
    opacity: 1;
}

.vd-talentcarousel-info-big {
    font-size: 1.5em;
}

#vd-talentcarousel-items {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: 140vw;
    height: 40vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
    margin-left: -20vw;
    margin-right: -20vw;
    overflow: hidden;
    transform: rotate(-10deg);
    align-items: center;
}

#vd-talentcarousel-background {
    position: absolute;
    top: 12vw;
    bottom: 11vw;
    width: 100%;
    border-top: 7px solid #86c3b7;
    border-bottom: 12px solid #a7dbd2;
    background-color: #bae2da;
    background-image: linear-gradient(#bae2da, #e0fef8);
}

#vd-talentcarousel .vd-talentcarousel-item {
    position: relative;
    flex: 0 0 16vw;
    height: 100%;
}