/* ---------------------------------------------------------------------------
   Internships page - "Thought Leaders Wanted" photo slider.
   Standalone file (not part of the SCSS -> dist/main.css Parcel build) so the
   module can ship without a theme rebuild. Enqueued only on the internships
   template, see functions/enqueue-scripts.php.
   --------------------------------------------------------------------------- */

.intern-slider-wrap {
    width: 100%;
    max-width: 508px;
}

/* Portrait frame kept identical to the single image this replaces (508 x 721). */
.intern-slider {
    position: relative;
    width: 100%;
    padding-bottom: 141.93%; /* 721 / 508 */
    overflow: hidden;
    background-color: #f4f2ef;
}

.intern-slider .intern-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}

.intern-slider .intern-slide.is-active {
    opacity: 1;
}

.intern-slider-controls {
    margin: 14px 0 0 0;
    text-align: right;
}

.intern-slider-controls .slide-back,
.intern-slider-controls .slide-next {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (max-width: 640px) {
    .intern-slider-controls {
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .intern-slider .intern-slide {
        -webkit-transition: none;
        transition: none;
    }
}