/*******************************************************************************
CONTINUOUS CAROUSEL STYLES
*******************************************************************************/

.continuous-slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.continuous-slider-track {
    display: flex;
    width: max-content;
    height: 100%;                /* track fills the container */
    animation: slider-scroll 20s linear infinite;
}

.continuous-slider-item {
    flex-shrink: 0;
    margin-right: 16px;
    height: 100%;                /* item fills the track */
    display: flex;
    align-items: center;         /* vertically centers image within item */
}

.continuous-slider-item img {
    max-height: 75%;                 /* 80% of the item, which is 80% of container */
    margin: 1rem 2rem;
    width: auto;
    display: block;
}

@keyframes slider-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* -50% because you'll duplicate items below */
}

#people_meta_box :is(textarea, input[type="text"], select) {
    margin-bottom: 1rem;
}

#people_meta_box .sop_derived {
    position: relative;   
    width: 100%;
    display: inline-block;
}

#people_meta_box  .sop_derived::after {
    content: "(SOP Field)";
    position: absolute;
    top: 0;
    right: 10px;
    color: black;
    font-size: .75em;
}