/* ========================================= */
/* HERO IMAGE                                     */
/* ========================================= */
.pei-hero-image {
    background-image: url("../../images/heroslides/mcgregor.webp");
}

.mcgregor-hero-location {
    color: black;
}

.mcgregor-hero-date{
    color: white;
}

.triangle-cliffs {
    background-image: url("../../images/trips/mcgregorbay/triangle cliffs.webp");
}
@media (max-width: 768px) {
    .triangle-cliffs {
        animation: panLeftAndRight1 20s linear infinite;
    }

    @keyframes panLeftAndRight1 {
        0% {
            background-position: 18%;
        }

        2% {
            background-position: 18%;
        }

        49% {
            background-position: 100%;
        }
        51% {
            background-position: 100%;
        }

        98% { background-position: 18%;
        }

        100% {
            background-position: 18%;
        }
    }
}

.island {
    background-image: url("../../images/trips/mcgregorbay/Island.webp");
}
@media (max-width: 768px) {
    .island {
        animation: panLeftAndRight1 20s linear infinite;
    }

    @keyframes panLeftAndRight1 {
        0% {
            background-position: 16%;
        }

        2% {
            background-position: 16%;
        }

        49% {
            background-position: 95%;
        }
        51% {
            background-position: 95%;
        }

        98% { background-position: 16%;
        }

        100% {
            background-position: 16%;
        }
    }
}



/* ========================================= */
/* EXPEDITION MAPS */
/* ========================================= */
.expedition-map {
    width: min(1100px, 92%);
    margin: 70px auto;
    text-align: center;
}

.expedition-map img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 20px 60px rgba(0,0,0,0.45);
}

.expedition-map figcaption {
    margin-top: 18px;
    color: rgba(255,255,255,0.55);
    font-size: 0.85rem;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.expedition-map-wide {
    width: min(1250px, 94%);
}

.expedition-map-detail {
    width: min(900px, 92%);
}

.expedition-map-close {
    width: min(750px, 90%);
}